Ciao a tutti,
vorrei ottenere un effetto un po' particolare su alcuni paragrafi del mio sito: in sostanza, vorrei che il lato sinisto del paragrafo fosse affiancato da una linea verticale, spessa una decina di pixel.

Attualmente, il paragrafo è definito da questo codice:

codice:
	font-family: "Segoe UI", Frutiger, sans-serif; 
	font-size: 13px;
 	margin-top: 15px; 
	margin-bottom: 15px; 
	padding-left: 25px;
e per aggiungere la linea, ho pensato di aggiungere questo codice:

codice:
	border-left: solid;
	border-left-color: #CCC;
	border-left-width: 10px;
Tuttavia, in questo modo ottengo una serie di segmenti non allineati, mentre invece vorrei un'unica linea continua che arrivi fino alla fine del paragrafo (ovvero fino al prossimo cambio di stile), come nell'immagine.



Qualcuno che se la cava col CSS meglio di me, ha per caso qualche idea su come ottenere qualcosa del genere?

Sarei anche disposto ad impiegare anche vie alternative, come immagini o roba simile, se necessario...

Ciao,
Niki