Как отцентровать такие элементы?

Question

[DeniSidorenko]

Добрый день, вот пример с Codepen
https://codepen.io/denibudeyko/pen/OJLGyOM

Как сделать что бы расстояния от левого элемента к зеленому краю было одинакого от правого элемента к правому краю.
Проблема в том что им надо задать 33.333% ( по 3 в ряд) но сами элементы не занимают столько места. И за чего очень дикий разброс. Хотел центрировать центральный элемент по центру, а правый по правому краю, но не получается. Кто бы мог подсказать, спасибо

Comments

[Сергей delphinpro]

так что ли?

[DeniSidorenko]

Сергей delphinpro, да отлично, только мой пример немного не правильный. А можно ли добиться такого же эффекта лишь с текстом и без span. Т.е текст изначально в .item ( менять структуру крайнее не желательно сейчас )

[Сергей delphinpro]

DeniSidorenko, text-align: center ?

[DeniSidorenko]

Сергей delphinpro, Но тогда отступ слева и справа не одинаковы

[Алексей]

DeniSidorenko, почему не одинаковы?



Или нужно левую колонку выравнивать по левому краю, а правую по правому?

Answer 1

[vadimMalovaniy]

Просто добавь в span margin: 0 auto

span{
  display: block;
  margin: 0 auto;
  ...
}