Отобразить текст в центре и в правой части экрана

Question

Нужно чтобы текст был в центре и справа, но центр блока смещается относительно float: right (второй блок). Нужно чтобы осталась прежднаяя середина в блоке (как в первом блоке)

Answer 1

Вариант на Flexbox.

.align {
  display: flex;
  justify-content: space-between;
  height: 60px;
  background: red;
}

.align > div {
  width: 100%;
}

.align .center {
  text-align: center;
}

.align .right {
  text-align: right;
}

<div class="align">
  <div class="center">Center text</div>
</div>
<br><br>
<div class="align">
  <div class="left"></div>
  <div class="center">Center text</div>
  <div class="right">Right text</div>
</div>

БЛОГ НА HUSL

Отобразить текст в центре и в правой части экрана

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