Как лучше сверстать такую штуку?

Question

[Алекс]

Добрый день, как лучше заверстать такую табличку дивами, чтоб тянулось в адаптиве, спасибо

Comments

[Сергей delphinpro]

<div class="component">
  <span>Апельсины</span><span></span><span>200г.</span>
</div

.component { display: flex; }
.component span:nth-child(2) { flex-grow:1; border-bottom: 1px dotted; }

[Алекс]

Сергей delphinpro, спасибо, отмечу решением напишите комментарий)

[Ankhena]

Я бы средний span заменила на псевдоэлемент.
Ибо нечего пустым спанам делать в разметке.

Answer 1

[Сергей Ермилов]

Реализация (пример) по ссылке - jsbin.com/jojoqu/2/edit