Как сделать два элемента в центре страницы?

Question

[Javilingys]

Сел учить html и css.. И возник такой вопрос.. Вот на скриншоте два "стиха" и картинки под ними.. как расположить их по центру?


Чтобы они были примерно так..

Comments

[Ankhena]

Изучите флексбокс https://html5book.ru/css3-flexbox/ станет очень удобно.
Примерчик https://jsfiddle.net/3mg5njmd/

Answer 1

[Андрей]

Вариантов уйма, на самом деле. Которые мне пришли в голову:
Можно обернуть эти два блока в обертку и этой обертке задать text-align:center, а каждому блоку с картинкой и текстом display:inline-block;
https://jsfiddle.net/os02eo4y/1/
Можно обернуть эти два блока и обертке задать display:flex, justify-content:center и все
https://jsfiddle.net/os02eo4y/2/

Comments

[Javilingys]

Спасибо, пойду попробую )

[Javilingys]

Помогло.. оказывается я когда пытался сделать так же, я написал команду "display: block-inline;", поэтому не получилось :D

[Андрей]

Javilingys: чего только не напишешь когда совсем только начинаешь вникать. Удачи в изучении :)

Answer 2

[Кузя]

А что мешает взять их в один Div и сделать ему margin: auto ?

Comments

[Javilingys]

Отсутствие знаний мешает )) Специально написал в начале "Сел учить html и css.. " ))