Odstęp pomiędzy liniami tekstu

Nie wiem czy ma to w tym przypadku znaczenie ale na stronę (aplikację PWA) tworzę z użyciem Bootstrap 4. W komórce tabeli potrzebuję umieścić tekst "25.3°C". Pod nim ma być pozioma linia a zaraz pod nią tekst "temperatura".
Wykombinowałem coś takiego:

<td style="line-height: 0;"><h2><b><u>+25.3°C</u></b></h2><br>temperatura</td>

Pionowy odstęp pomiędzy poziomą linią a napisem temperatura jest jednak zbyt duży. W jaki sposób mogę go zmniejszyć ?

Patrz: CSS, line-height

Ustawiłem przecież style="line-height: 0;". Zmniejszyło to odstęp. Jest on nadal zbyt duży. Próbowałem podać wartość ujemną ale to nie działa.

H2, margin-bottom

Możesz ustawić ujemny line-height, jeśli zmienisz display na inline-block.

Dziękuje za pomoc. Zmiana wartości H2, margin-bottom rozwiązała problem.