Как сделать такие линии?

Question

[drtvader]

<div class="b-rewiews__rewiew-block row">
    <div class="b-rewiews__photo col-md-1 col-md-offset-2">
        <img src="images/content/avatar-review.jpg" alt="" title="" class="b-rewiews__image" />
    </div>
    <div class="col-xs-12 col-sm-7 col-md-7"></div>
</div>
<div class="b-rewiews__rewiew-block row">
    <div class="col-xs-12 col-sm-1 col-md-1"></div>
    <div class="b-rewiews__photo col-md-1 col-md-offset-2">
        <img src="images/content/avatar-review.jpg" alt="" title="" class="b-rewiews__image" />
    </div>
    <div class="col-xs-12 col-sm-6 col-md-6"></div>
</div>

Answer 1

[Артём Щурин]

Делаешь контейнер с абсолютным позиционирование, мб он у тебя уже есть, положишь его под фотки, опишешь у контейнера border-left, border-bottom

Comments

[drtvader]

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

[Артём Щурин]

Почему нет, положить контейнер внутрь b-rewiews__rewiew-block, прижмёшь книзу и левому краю, дашь фиксированную ширину и высоту, ну и border-left + border-top
По твоему скрину не оч понятно что это, могу предположить что комменты

[drtvader]

Артём Щурин: ну да, это коммент и ответ на коммент.

[Артём Щурин]

drtvader: и по структуре html дерева ответ на коммент не вложен в в родительский коммент, тогда никаких проблем по мне так нет в той реализации, что предложил, я мб не оч хорошо изъясняю свои мысли)

Answer 2

[Dvorak]

Можно использовать canvas