Как выравнить контейнеры в одну сторку? Html, css

Хочу чтобы контейнеры выравнились ровно по красной линии. Какая это команда в css? введите сюда описание изображения


Ответы (1 шт):

Автор решения: ΝNL993

Попробуйте:

/* Стандартный метод */
.elementsParent {
display: flex;
}

/* или */

.elementsParent {
display: inline-flex;
}

/* или */

.elementsParent {
display: ruby; /* Или его под-зачения: ruby-base, ruby-base-container, ruby-text, ruby-container */
}

/* или */

.elementsParent {
display: block ruby;
}

Также для настройки позиции flexbox-а советую использовать flex-direction:

.elementsParent {
flex-direction: row; /* Альтернативы: row-reverse, column, column-reverse */
}
→ Ссылка