Как сверстать пунктирную линию между двумя частями текста?

Question

[sasha_jarvi]

Имеется следующий код:

<div class="row">
    <div class="col-6">
        <p class="catalog-item__characteristics">
            Диагональ: <br>
            Количество SIM-карт: <br>
            Камера: <br>
            Ёмкость аккумулятора: <br>
        </p>
    </div>
    <div class="col-5">
        <p class="catalog-item__characteristics">
            6 дюймов <br>
            2 <br>
            48 МП, 8 МП, 16 МПМпикс <br>
            4000 мА⋅чмАч <br>
        </p>
    </div>
</div>

Между двумя частями текста, левой и правой, необходимо выполнить такую пунктирную линию


Как это сделать?
JSFiddle: https://jsfiddle.net/rdzqgpjw/

Comments

[Rustam Bainazarov]

Господи, какая неправильная разметка.

Свойство и его значение должны быть в одной строке.
Как реализовать табуляцию на CSS?

Answer 1

[Антон]

Зачем Вам бутстраповские колонки для этого?
Это обычная таблица
https://jsfiddle.net/aynf8d05/