Как выровнять 3 деления подряд так, чтобы последний элемент находился посередине страницы?

Question

Как я могу выровнять 3 деления в строке на одинаковом расстоянии, чтобы последний (самый правый) элемент находился в центре страницы?

Answer 1

Я думаю, это то, что вы ищете https://jsfiddle.net/o8z6exn5/2/

Установите для обёртки значение 50vw, затем display: flex; и justify-content: space-between;, чтобы равные интервалы располагались в левой части экрана.

HTML

<div class="wrapper">
  <div class="align">

  </div>
  <div class="align">

  </div>
  <div class="align">

  </div>
</div>

CSS

.wrapper {
  display: flex;
  justify-content: space-between;
  width: 50vw;
}

.align {
  height: 10px;
  width: 10px;
  background-color: red;
}

Answer 2

Здесь не так много информации, но укажите ее ширину: 16,7%;

Вот пример того, как это можно сделать:

Вот скрипка: https://jsfiddle.net/q5yxthw0/

Вот код:

HTML:

<div></div>
<div style="background-color:blue;"></div>
<div></div>

CSS:

body {
  margin: 0;
  font-size: 0;
}

div {
  width: 16.7%;
  height: 60px;
  background-color: red;
  display: inline-block;
}