Ciao... Desideravo personalizzare le "Dotted Line" tra cui lo spazio fra ogni punto, la dimensione eccettera... Pur avendo googolato non sono riuscito a trovare esempi che si adattassero al mio caso. Ecco qui l'immagine finale:

https://gyazo.com/1e1ca88f2a989b07c52030a4baaa41db

Questo è il codice...
codice HTML:
<style> 
section {    
 display: flex;    
 align-items: baseline;     
margin-bottom:1%; 
} 
section > * {  
 padding: 0;   margin: 0; 
} 
#dot {     
flex: 1;   
border-bottom: 3px dotted #e5e5e5;   
margin-left:2%;   
margin-right:3%;     
}
 </style>  

<div id="pannello">
<section> 
<p ><strong>Prodotto 1:</strong></p>
  <span id="dot"></span> 
<h3>  Euro 100 </h3>
 </section>
<section> 
<p ><strong>Prodotto 2:</strong></p> 
<span id="dot"></span> 
<h3>  Euro 120 </h3> 
</section> 
<section>
<p ><strong>Prodotto 3:</strong></p>
<span id="dot"></span> 
<h3>  Euro 50 </h3>
 </section>
 </div>
C'è qualcuno in gamba con css che mi può dare una mano? Grazie!