Lista con voci troppo lunghe che vanno a capo...

[goat]

Ho una lista verticale semplicissima che mi funge da menù. All'interno di ogni[*] un link. Ogni[*] ha una piccola gif di sfondo a mo' di pallino.
Ed ora un piccolo ausilio visivo:

o Voce numero uno
o Voce numero due che va
a capo
o Voce numero tre
o Voce numero quattro

La voce numero due è troppo lunga, di conseguenza il testo va a capo.
La domanda è: riesco a fare in modo che le parole "a capo" siano allineate alla parola "Voce"
Ci sto provando da un po', ma non mi riesce.
E' necessario che vi posti anche il CSS?
Grazie,
goat

[oronze]

e se tu al posto dell'immagine di sfondo metti list-style-image: url(pallino.gif); invece che list-style-type: none; come penso tu abbia messo cambia qualcosa?

[gengix]

Hai provato ad aumentare la larghezza dell'ul?

EDIT: ho capito adesso cosa intendevi.

[fcaldera]

assegna una width a <ul>
togli padding e margin a[*]
dai display block e un margin-left su <a>

la gif del pallino può quindi essere applicato come background di[*]
in background-position: left 0.4em
(o background-position: center left)

a seconda del tipo di allineamento che preferisci

[goat]

Originariamente inviato da fcaldera
assegna una width a <ul>
togli padding e margin a[*]
dai display block e un margin-left su <a>

la gif del pallino può quindi essere applicato come background di[*]
in background-position: left 0.4em
(o background-position: center left)

a seconda del tipo di allineamento che preferisci

Questo metodo funziona!

Anche usare list-style-image: url(pallino.gif); funziona!

Però mi sono accorto che mettendo sempicemente display:block; al tag <a> ecco che le parole a capo si allineano come voglio.

Ci tengo a precisare che sto lavorando su un sito bello grosso gestito con i CMS e il cui CSS non ho creato io. Sono qua che continuo a fare continue prove prima d'inviare il file a chi di dovere.
Allarme rientrato.
Grazie a tutti dell'aiuto,
goat