Как сверстать такой блок без абсолютного позиционирования?

Question

[dzho]

Всем привет, как вы верстаете такие элементы?

Answer 1

[Ярослав Алексеенко]

csshexagon.com

Answer 2

[Максим]

codepen.io/Geyan/pen/OXKQVo?editors=110 это будет работать в -webkit- только . Для броузеров не -webkit- надо писать svg , и кстати следи за ответами на ruSO

Answer 3

[HamSter]

Поищите примеры honeycomb css
пример

Answer 4

[trushka]

Отдельные блоки не важно, абсолютно или относительно позиционированы. А потом им можно задать display: inline-block, а родителю - text-align: center. Перед 2-й строкой тупо <br> можно поставить, а можно задать фиксированный размер родителю..