Как расположить два объекта в ряд, что-бы второй центрировался относительно свободной части экрана

Question

Как расположить два объекта в ряд, что-бы второй центрировался относительно свободной части экрана

Рейтинг: 0Ответов: 1Опубликовано: 06.08.2023

Как расположить два div'a на сайте, таким же образом как на картинке? Без использования "float"

html

Источник: Stack Overflow на русском

Answer 1

▲ 1Принят

Вы можете для правого блока задать margin: 0 auto.

.wrapper
{
  width: 100%;
  height: 200px;
  border: 1px solid #000;
  display: flex;
}

.left
{
  width: 10%;
  border-right: 1px solid red;
}

.right
{
  margin: 0 auto;
  border: 1px solid green;
}

<div class="wrapper">
  <div class="left">left</div>
  <div class="right">right</div>
</div>

Как расположить два объекта в ряд, что-бы второй центрировался относительно свободной части экрана

Ответы