JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tr-liste">
	<li class="tr-li">
    <div class="gauche">Plat du jour</div>
    <div class="dash"></div>
    <div class="droite">6.80 €</div>
  </li>
	<li class="tr-li">
    <div class="gauche">Entrée + Plat du jour</div>
    <div class="dash"></div>
    <div class="droite">8.80 €</div>
  </li>
	<li class="tr-li">
    <div class="gauche">Entrée + Plat du jour + Dessert</div>
    <div class="dash"></div>
    <div class="droite">11.20 €</div>
  </li>
</ul>

CSS

.tr-li {
  display:flex;
	list-style-position: outside;
	list-style-type:disc;
}
  .gauche {
    flex:0 0 auto;
  }
  .dash {
    flex:1 1 auto;
    border-bottom: 1px dashed #000;
  }
  .droite {
    flex:0 0 auto;
  }