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

Question

[ligisayan]

Есть контейнер с блоками на bootstrap. Как сделать универсальный (не зависеть от количества текста и высоты блока) адаптивный вариант выровненных надписей в блоках по горизонтальному и вертикальному центру с кроссбраузерностью ie9+? Фидл

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/DelphinPRO/DTcHh/26935/

показал только суть, media-запросы для адаптивности добавьте сами

Comments

[ligisayan]

Спасибо. вот только, если нужна определенная минимальная высота главного блока - не сработает https://jsfiddle.net/DTcHh/26938/

[Сергей delphinpro]

ligisayan: Во-первый минимальную высоту можно например и .table задать
Во-вторых, нормально и ваш вариант работает https://jsfiddle.net/DelphinPRO/DTcHh/26944/

[ligisayan]

Сергей: а, точно - упустил из виду .row {height=100%;} спасибо!

Answer 2

[Павел]

сложнааа сложнаа ...

p.s. доступнее объясняй что надо , картинку прикрепи , зачем этот "фидл" прикрепил вообще?

Comments

[Ярослав Иванов]

Меня больше удивляет почему у фидла 10000 сохранений https://jsfiddle.net/DTcHh/10000/

[ligisayan]

Ярослав Иванов: исправил ссылку

[Павел]

тогда просто text-align: center;
vertical-align: middle;
float: none;

Answer 3

[Степан Багрицевич]

присваиваешь надписи следующие стили:
position: absolute;
left: 50%;
transform: translateX(-50%);

Comments

[ligisayan]

Степан Багрицевич результата не дает https://jsfiddle.net/DTcHh/26933/