Как правильно сделать вертикальные полосы?

Question

[Антон Измайлов]

Вопрос в следующем. Имеется следующий блок:

Как правильно создать горизонтальные линии как в примере?
Варианты были:
1. Создать div в нем разместить полоску.
2. :before,:after и с помощью border: Xpx solid #blabla; создать полосы, но тогда как их расположить по центру, ведь text-align на border'ы не распространяется.

Может кто подсказать?

Answer 1

[Алексей Ярков]

https://jsfiddle.net/zxsrhz17/

Comments

[Антон Измайлов]

Спасибо. Совсем забыл про hr ;/ Стыд и позор

[Алексей Ярков]

Антон Измайлов: =) бывает

Answer 2

[semki_1]

Можно и как то так

::before {
content:"";
display:block;
width:40px;
height: 1px;
margin: 10px auto;
background: #ccc;
}