Как выровнять строку по вертикали, если всё в %?

Question

[Ingernirated]

Проблема в том, что все размеры в %.
line-height в % не работает.
inline-block и vertical-align почему-то тоже не катят, хотя в обычном примере с одним блоком оно работает.
Строка находится в блоке, который задан высота и ширина в %, этот блок находится в блоке, который тоже по высоте и ширине в %.
Как быть?

Comments

[Stalker_RED]

Покажите код. Лучше на jsfiddle или codepen.

Answer 1

[Ankhena]

1. display: flex
2. display: table и table-cell с вертикальным выравниванием
3.
position: absolute
top: 50%
transform: translateX(-50%)

Answer 2

[Александр Синицын]

Если не очень кроссбраузерно, то codepen.io/a_u_sinitsin/pen/PWrLBm