Как можно выравнять контент по центру, по вертикали?

Question

[KRHD]

Как можно по вертикали выравнять контент?

Answer 1

[Anton Filippov]

display: flex;
align-items: center;

codepen.io/vicodin/pen/VebBxW

Comments

[KRHD]

по вертикали надо

[Kuat Mustafin]

KRHD: codepen.io/anon/pen/adWjjZ
Подробнее про Flexbox:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
frontender.info/a-guide-to-flexbox

Answer 2

[mletov]

Контейнеру display:table-cell
vertical-align:center;

Вложенному элементу, к примеру, display:inline-block

Answer 3

[Алексей Струков]

Ставишь position: relative у блока-родителя
У блока который надо выровнять ставишь position: absolute; top: 50%; transform: translateY(-50%);

Comments

[Александр Симонов]

в век использования флексбоксов все эти пляски с бубном никому не нужны.
крайне советую почитать про flexbox и его возможности, их там вагон. Все делается очень просто, логично, и без выноса мозга.
Второй ответ - тому подтверждение.

[Алексей Струков]

Александр Симонов: Я наоборот от флекса отказался временно. Пусть устаканится еще. Много нюансов с ним надо учитывать.

[Александр Симонов]

Алексей Струков: хм, например?