Как выполнить центрирование?

Question

[Александр]

Как на данном примере наилучшим образом произвести выравнивание всех блоков по центру. Как в принципе выполняется выравнивание на подобных сайтах с центрированным контентом?

Comments

[DevMan]

Alexard более подходящего тега не нашлось?

Answer 1

[Lumore]

Я бы сделал так:
Родителю
text-align: center;
Элементам

display:inline-block;
vertical-align: top;

Answer 2

[Филипп Фастер]

Наиболее просто:
display: flex с последующими настройками (почитайте). Очень гибко и просто. Только не забудьте добавить адаптацию к другим браузерам (-moz, -webkit и тд)

Answer 3

[dom1n1k]

"margin-left/right: auto" уже отменили?

Answer 4

[Владислав]

На самом деле вариантов масса. Но есть нюансы: какие браузеры должны поддерживаться? какие девайсы поддерживать? и какое именно центрирование по вертикали или по горизонтали (на картинке есть и то и другое)?

Если поддерживать только последние браузеры, то логично было бы воспользоваться методом, предложенным Филиппом - флексы. (если не хочется долго вникать, можно посмотреть здесь, как это дело работает - santyagass.github.io/FlexWork/)