Как сверстать горизонтальную линию?

Question

[Валерий Столярчук]

Всем привет!

Подскажите пожалуйста как можно сверстать горизонтальную линию показанную на скришоте, псевдоклассами не получается

Спасибо

Answer 1

[Павел]

А в чем проблема?
Делаете блок шириной на весь экран, закрашиваете нужным цветом. Внутри контейнер нужной ширины и с margin:auto; внутри иконки

Answer 2

[Андрей Верх]

А зачем тут псевдокласы?

Вы скорее всего не правильно продумали структуру и сделали общий контейнер с фикс.шириной. А нужно ширину, задавать отдельно для каждого блока...как-то так:

<div class="container">
<div class="width">
...
</div>
</div>