@mpvcluuuuub

Как в css выровнять контент вдоль одной воображаемой линии?

5f12b870d151b536562143.png

Есть два воображаемых блока, один с текстом, другой с картинкой, как их поставить симметрично нарисованной линии? Чтобы они стояли центрами друг к другу.
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
HunteR-VRX
@HunteR-VRX
Помешанный на развитии
Здравствуйте.

Воспользуйтесь классами bootstrap-сетки ( технология flexbox ) или используйте grid.

пример с Grid:

.grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
}


Примечание. html будет примерно таким::

<div class="grid">
<div class="grid-element">набор элементов слева</div>
<div class="grid-element">набор элементов справа</div>
</div>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@archelon
если по центру, то для родительского элемента:
.container {
  display: flex;
  align-items: center;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы