Le ho provate tutte ma proprio tutte! Purtroppo (probabilmente perché non sono capace io) nessun esempio si adatta al mio caso. Che sarebbe quello sopra con una piccola modifica in cui possa modificarne la distanza.

Stackoverflow me lo sono spulciato e rispulciato. Ogni singolo esempio l'ho preso in esame cercando di fare un modello analogo ridiscutendo tutto il codice al fine di ottenere un risultato attendibile. Ho provato con i <div> ho provato con <ul> ho provato anche con <hr> e relativo content...

Per esempio ora che ricordo, il modello che avevo provato con <hr> mi permetteva di modificare la distanza tra i punti, ma non la dimensione dei punti e relativo colore con magine.

Ma possibile che è così complessa questa cosa?