У меня есть этот список слов, которые я хочу выровнять по центру, каждый элемент списка состоит из двух слов, разделенных символом "-" (дефис). Есть ли простой способ выровнять пятно на дефисе? Когда слова теперь различаются по длине, дефис больше не в центре.
Я сделал скрипку, чтобы прояснить мою проблему: http://jsfiddle.net/seLvC/
мой текущий код:
.progress-ww {
font-size: 0.8rem;
line-height: 0.8rem;
text-align: center;
}
<section>
<div class="progress-ww">
<div>
<div>lopen - ik loop</div>
<div>klimmen - ik klim</div>
<div>geven - ik geef</div>
<div>schreeuwen - ik schreeuw</div>
<div>blozen - ik bloos</div>
</div>
</div>
</section>