Как сделать вертикальную линию под текстом css?

Question

[Алексей Каратеев]

Здраствуйте!
Хочу сделать вертикальную линию, как на макете, но не совсем понимаю как.

Answer 1

[Антон]

https://jsfiddle.net/u2qgt5pj/

Answer 2

[Andrej Sharapov]

.vline {
  display: block
  width: 2px
  height: 50px
  background-color: black
}

Answer 3

[Чак Торнтон]

Можно еще упороться, создать div, а ему сделать только: border-left: 1px solid black; Ну и соответствующий height.

Comments

[Brad9aga]

можно упороться еще больше добавить 1 пиксель картинки и размножить

[Чак Торнтон]

Brad9aga, Да способов создать линию полно, ахах) Так что да. Когда-то давно border-radius картинками делали некоторые. Так что, вариант есть, а на сколько он упоротый...

Answer 4

[Владимир Юрченков]

:after
:before