Как правильно центрировать текст по вертикали внутри блока?

Question

[Nikita Shchypylov]

Если у нас есть такая разметка:

<div>
<span> Hi </span>
</div>

Можно:

1)Давать тексту line-height
2)Давать паддинг родителю

Как лучше?

Answer 1

[Сергей Горячев]

Лучше - забить на древние методы и начать использовать flexbox.
https://jsfiddle.net/webirus/93ao9dvq/

Answer 2

[Евгений]

Как-то так:
https://jsfiddle.net/ta8on29p/

Answer 3

[Денис Инешин]

Еще вот так можно, с помощью display: table и table-cell:
https://jsfiddle.net/gykkcgdy/

Answer 4

[indigo_style]

codepen.io/anon/pen/eBWJqY

Answer 5

[tommy_13]

и еще с inline-block

https://jsfiddle.net/gykkcgdy/2/