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

Учусь использовать bootstrap, сверстал простую адаптивную страницу, но в процессе возник вопрос.

Допустим требуется расположить 3 блока с текстом в ряд, при этом чтобы текст внутри блоков был отцентрован по одной линии, независимо от объема текста в конкретном блоке. Как показано на картинке:
5aa14d3c2bfab813513658.png

Получается реализовать только таблицей через display: table-cell, но если блоки будут с классами col, то и поведение у них флоатное, а не табличное и никак подобную центровку сделать не выходит. Есть какой-то другой способ, или только верстать этот участок таблицей, а потом добиваться адаптивности этого куска прописывая вручную медиа-запросы?
  • Вопрос задан
  • 144 просмотра
Решения вопроса 3
rockon404
@rockon404
Frontend Developer
Используйте flex.
Демо.
Ответ написан
Комментировать
@sidni
Php Developer
aloky
@aloky
js
flex
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы