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

Question

[bossigorxxx]

https://online-journaloff.ru/rukodelie/burda_3_mar... Не могу сделать по центру изображения где похожие журналы. Реально пробовал все. И текст алиджен и маргин 0 авто. Не выходит( Много блоков. Может не тот беру. Загрузка на плагине.

Comments

[Алексей]

.yuzo_wraps {
    display: flex;
    align-items: center;
    justify-content: center;
}

PS. Вот так наверное правильнее что ли выравнивание объектов между собой justify-content: space-around;

[Павел Куноф]

Алексей, + flex-wrap: wrap;
Чтобы оно схлапывалось при сужении экрана

[Алексей]

Павел Куноф, да, но такой задачи в вопросе не стояло ;)

[bossigorxxx]

Алексей, Пробовал. Но при сужении коряво выходит.

[Алексей]

bossigorxxx, ну надо медиа запросы написать и все.

Answer 1

[Андрей]

Сделайте ваш контейнер флексбоксом и отцентруйте элементы

.yuzo_wraps {
    display: flex;
    justify-content: center;
}

Будет вот так:

Comments

[bossigorxxx]

Спасибо!! Идеальный вариант! Сам бы не справился.

Answer 2

[Виталий Киренков]

Там на элементах инлайново вписан float: left, поэтому и не центрируются.

Вы скорее всего сломаете плагин (зачем он там вообще, кстати?) но решается просто - на элементы делаете

float: none;
display: inline-block;

А на обёртку

text-align: center

Comments

[Алексей]

Шел 2019, но мы все советовали float.

[Виталий Киренков]

Алексей, простите, где?

[bossigorxxx]

не идет(