@dollaween

Как выровнять inline-элементы по верху?

Есть 4 inline элемента с разным font-size (но одним шрифтом), со стандартным выравниванием
.item {
  display: inline;
  vertical-align: baseline;
}

5fbebad3a5d7e273224390.png

При top и text-top происходит что-то странное, не выровнено ни по тексту, ни по блоку текста.
.item {
  vertical-align: top;
}

5fbebafd38b7b459326453.png

.item {
  vertical-align: text-top;
}

5fbebb0468186761412116.png

Вопрос: Как сделать так, чтобы выравнивание было как в baseline, только по верхней границе текста?

Интересует вот такой результат (здесь я подгонял вручную по пикселям):
5fbebbc76ac0c248497667.png
  • Вопрос задан
  • 121 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы