Как сверстать данный time-line?

Question

[Corepro]

Как сверстать данный timeline ?
Проблема в том что линия не на всю ширину сверху.

Comments

[Anonymous]

Покажите испробованные раннее попытки сделать это, возможно, сможем поправить код и помочь.

[Максим Морев]

Вот здесь есть ответ на ваш вопрос

Answer 1

[Semantic.Moscow]

background-image:(линия.png);
background-position:bottom left;
background-repeat:no-repeat;

линия.png - 1px
остальной бордер как обычно, с скруглением на нужный радиус.
вместо линия.png можно просто очень тонкий градиент нарисовать самим css

Answer 2

[wadowad]

Я бы взял псевдоэлемент в половину ширины с абсолютным позиционированием и на пиксель выше элемента (или на пиксель ниже в зависимости от box-sizing), у чётных сделал бы его справа, у нечётных слева, радиус и бордер так же по задаче.