Как по вертикали выровнять однострочный текст в теге a?

Question

[LittleFatNinja]

Как по вертикали выровнять однострочный текст в

<li>
   <a href="#">Text</a>
</li>

?

Answer 1

[Евгений Петров]

Если высота блока неизвестна, поможет выставление ему

display: table-cell;
vertical-align: middle;

Однако, тут же вы получите в наследство все особенности работы с ячейками. Например, в FF исчезнет возможность абсолютного позиционирования потомков этого элемента относительно него.

Answer 2

[Дмитрий]

Css line-height

Comments

[LittleFatNinja]

пробовал этот вариант, не получается(
если пожно конкретный код

[Дмитрий]

LittleFatNinja: для тега A задайте в css свойство line-height: 30px (к примеру)

[LittleFatNinja]

Дмитрий: я пх не указываю, а в % не помогает

[Дмитрий]

LittleFatNinja: вам следует поучить матчасть. Любые указания процентов в css высчитываются от родителя. Это раз. А некоторые свойства (как это) не работают с процентами вообще. Почему в пикселях нельзя?

[LittleFatNinja]

Дмитрий: ну а как я узнаю сколько пх ставть, у меня высота родительского блока в %

[Сергей delphinpro]

LittleFatNinja: вы подробнее ситуацию опишите. а лучше ваш пример на жсфиддл положите, а тут его доработают

Answer 3

[Rodion Svetlitskiy]

Добавить line-height.
Например так: codepen.io/Rodion77/pen/VLWPYz?editors=110

Comments

[LittleFatNinja]

в пикселях не подходит. нужна адаптивность

[Андрей Федоров]

LittleFatNinja: Вам точно нужна адативность по вертикали? Как правило горизонтальная только требуется... Дайте нам более полный контекст...