Помощь по верстке

картинкой?

<div class="stage">

<div class="stage-row">

    <div class="cell1">

<div class="h-wrap-l">Текст <br />прототип</div>

</div>

<div class="cell2">

<div class="num">

<div class="num-wrap">1</div>

</div>

</div>

<div class="cell1">

<div class="p-wrap-r">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit esse maxime, assumenda laudantium, soluta, libero placeat quo dolores laborum veritatis eaque praesentium. Natus, provident, reiciendis sit eum non odit eos consectetur nesciunt esse sapiente ex cum molestiae alias iure veniam.

</div>

</div>

</div>

</div>

<div class="stage">

<div class="stage-row">

<div class="cell1">

<div class="h-wrap-l">Текст <br />прототип</div>

</div>

<div class="cell2">

<div class="num">

<div class="num-wrap">1</div>

</div>

</div>

<div class="cell1">

<div class="p-wrap-r">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit esse maxime, assumenda laudantium, soluta, libero placeat quo dolores laborum veritatis eaque praesentium. Natus, provident, reiciendis sit eum non odit eos consectetur nesciunt esse sapiente ex cum molestiae alias iure veniam.

</div>

</div>

</div>

</div>

<div class="stage">

<div class="stage-row">

<div class="cell1">

<div class="h-wrap-l">Текст <br />прототип</div>

</div>

<div class="cell2">

<div class="num">

<div class="num-wrap">1</div>

</div>

</div>

<div class="cell1">

<div class="p-wrap-r">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit esse maxime, assumenda laudantium, soluta, libero placeat quo dolores laborum veritatis eaque praesentium. Natus, provident, reiciendis sit eum non odit eos consectetur nesciunt esse sapiente ex cum molestiae alias iure veniam.

</div>

</div>

</div>

</div>

<div class="stage">

<div class="stage-row">

<div class="cell1">

<div class="h-wrap-l">Текст <br />прототип</div>

</div>

<div class="cell2">

<div class="num">

<div class="num-wrap">1</div>

</div>

</div>

<div class="cell1">

<div class="p-wrap-r">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit esse maxime, assumenda laudantium, soluta, libero placeat quo dolores laborum veritatis eaque praesentium. Natus, provident, reiciendis sit eum non odit eos consectetur nesciunt esse sapiente ex cum molestiae alias iure veniam.

</div>

</div>

</div>

</div>

<div class="stage">

<div class="stage-row">

<div class="cell1">

<div class="h-wrap-l">Текст <br />прототип</div>

</div>

<div class="cell2">

<div class="num">

<div class="num-wrap">1</div>

</div>

</div>

<div class="cell1">

<div class="p-wrap-r">

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit esse maxime, assumenda laudantium, soluta, libero placeat quo dolores laborum veritatis eaque praesentium. Natus, provident, reiciendis sit eum non odit eos consectetur nesciunt esse sapiente ex cum molestiae alias iure veniam.

</div>

</div>

</div>

</div>

.stage {

width: 85%;

margin: auto;

display: table;

}

.stage .stage-row {

display: table-row;

}

.stage .stage-row .cell1 {

display: table-cell;

width: 44%;

vertical-align: middle;

border-bottom: grey 1px solid;

padding: 10px 0;

}

.stage .stage-row .cell2 {

display: table-cell;

width: 12%;

vertical-align: middle;

text-align: center;

}

.stage .stage-row .h-wrap-l {

text-align: right;

}

.stage .stage-row .num-wrap {

margin: auto;

width: 60px;

height: 50px;

font-size: 30px;

border-radius: 50%;

background-color: transparent;

border: black 3px solid;

text-align: center;

padding-top: 7px;

}

вот пример кода)

Как вариант border-left: 1px dashed #000; -нижнего divа, а затем картинки на этой линии в новых divах

помогло, но не совсем. точки почему-то не ровно идут..