Есть такая разметка:
<span class="left">соль</span>
<span class="right">2гр</span><br>
<span class="left">сахар</span>
<span class="right">2гр</span>
.left{float:left;}
.right{float:right;}
Нужно динамически поставить между двумя span
точки. Не могу сделать статично, так как не знаю заранее длину слова. Как это лучше реализовать?