Как сделать так, чтобы в списке элементов <li>
с фиксированной высотой max-height:10px
выравнивание при любом увеличении шрифта (font-size
) происходило по нижней границе (размеры <li>
при этом не меняются)?
В Chrome это автоматически происходит по верхней границе так (зелёный - элемент <li>
, красный - текст, а слева просто отступ):
А нужно так:
Сделайте плиз список (с фиксированной высотой <li>
10px) на 3 элемента с разным размером шрифта (10, 20, 30) с выравниванием по нижней границе. То, что текст будет накладываться друг на друга, то так и должно быть. Все <li>
должны быть абсолютно одинакового размера, а шрифт разного. Нижняя граница шрифта должна быть статической и всегда совпадать с нижней границей <li>
(хотя бы на глаз).
То есть сутью вопроса является привязывание нижней границы шрифта к нижней границе элемента. Нужно, чтобы она всегда была одинаковой, если размер шрифта произвольно менять. Также должно работать при изменении шрифта через font-family
.