Как это можно сверстать?

Question

[megazvero]

иконка будет вставляться через иконочный шрифт
ну я думаю тут это не принципиально

https://jsfiddle.net/Lo1yqme8/

Answer 1

[Sergey Dolya]

.block__item {
  max-width: 50px;
  width: 100%;
}

.block__text {
  position: relative;
  padding-left: 20px;
}

.block__text::after {
  position: absolute;
  content: ' ';
  top: 30px;
  background-color: red;
  width: 2px;
  left: 35px;
  height: 250px;
}

img{
  margin-top: 260px;
  width: 30px;
  display: block;
  margin-left: 20px;
}

Comments

[Sergey Dolya]

ну это если по быстрому

Answer 2

[Тарас Шульга]

Через before, а в чем трудность?

Comments

[megazvero]

Тарас Шульга , не совсем понимаю как доработать
https://jsfiddle.net/Lo1yqme8/

[Тарас Шульга]

megazvero, https://codepen.io/angryyum/pen/KKpaRwG накидал за минуту, немного каряво - но суть думаю уловили.

[megazvero]

Тарас Шульга, спасибо огромное!)