Как выравнять текст?

Question

[Данила Кудашов]

Нужно выровнять текст, как в макете (макет на второй картинке). Искал как, но не нашёл, хотя знаю, что решение проблемы есть.

Answer 1

[WapSter]

Всем блокам с изображениями задай высоту самого большого, и будет тебе счастье)

Comments

[Данила Кудашов]

просто высоту или минимальную / максимальную?

[Данила Кудашов]

не помогло

[WapSter]

Данила Кудашов, Тогда выкладывай кусок кода, потому что должно помочь ну или залей куда-нибудь

[Данила Кудашов]

[WapSter]

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

[Данила Кудашов]

WapSter, какие правила? бэм? я не знаю прост, как правильно назвать, пока не стал замарачиваться, когда буду корректировать, тогда поменяю)
Вот сайт https://kudashovdanila.github.io/belaz-parts/ ,но у меня почему-то стили последней секции не загружаются

[WapSter]

.advantages-items__item { 
    flex-basis: 25%;
    text-align: center;
    /* height: 188px; */
}
img.advantages-items__item-icon {
    display: inline-block;
    height: 100px;
}

Но на твоем месте я бы картинки обернул в блок задал ему высоту 100px. Правила тостера. Просто прочти их.

Answer 2

[Артём Завалей]

text-align: center ?

Comments

[Данила Кудашов]

да нет, из-за разного размера иконок один текст ниже другого или наоборот

[Артём Завалей]

Данила Кудашов, ниже уже ответили)

[Данила Кудашов]

Артём Завалей, не помогло

[Артём Завалей]

Данила Кудашов, минимальную высоту ставить надо картинкам (по самой большой)

Answer 3

[egowka]

У картинок должен быть одинаковый родительский блок. Для этого блока задай одинаковую высоту самой большой картинки.