Как задать высоту по тексту?

Question

[AlpineMilk]

Как задать высоту только по тексту?? Почему высота так сильно растягивается?


P.S
Если уменьшить line-height то строки наезжают друг на друга


P.S. 2

Answer 1

[Ankhena]

Это шрифт, в котором цифры расположены ниже букв.
Компенсировать это вы можете позиционированием (и непосредственно сдвигом или отступами).

Например: https://jsfiddle.net/n8d1ayhu/
Рамочки для наглядности, минимальная высота первая какая в голову пришла, поправьте под макет.

Comments

[AlpineMilk]

Поправил вопрос

[Ankhena]

AlpineMilk, обновила ответ

Answer 2

[Арсений Матыцин]

Моя любимая тема:
https://habr.com/ru/company/pt/blog/337450/
Достаточно почитать, чтобы оценить мою боль.

Тем не менее Ankhena права, компенсируй отступами. Можешь даже сделать умный вид и рассчитать отступ на базе метрик шрифта.

Answer 3

[Ирина Кириллова]

Попробуй line-height сделать меньше font-size, чисел в 2 строки всё-равно не будет

Comments

[AlpineMilk]

Поправил вопрос

Answer 4

[Lord_Dantes]

Как задать высоту только по тексту?? Почему высота так сильно растягивается?

line-height: 1;
Потому-что вы задали высоту.