Gestire il testo che va a capo

[DeMoN3]

Salve a tutti...ho un pezzo di codice in questo modo

<div style="padding: 0 0 0 8px;width:181px">
<div style="padding: 0 0 0 8px">
link1
</div>
<div style="padding: 0 0 0 8px">
link2
</div>
<div style="padding: 0 0 0 8px">
link3
</div>
</div>

etc...va tutto bene, tranne quando i link superano la larghezza del div...a quel punto vengono automaticamente mandati a capo, il problema è che non rispettano più quel padding-left:8px e risultano disallineati...come posso risolvere il problema?

[codencode]

Se i div contengono solo i link, puoi togliere il padding-left:8px ai div e mettere il margin-left:8px ai link.

[DeMoN3]

intendi il "principale" o i vari div che contengono solo i link??

[Mich_]

Se il codice e` quello, ogni nuovo <div> va a capo.
Quindi la cosa non funziona. Probabilmente c'e` un float in ciascun oggetto. E magari c'e` anche qualcos'altro ...

Comunque il tutto e` impostato in modo semanticamente sbagliato.
Dal punto di vista semantico quella e` una lista di link. Potrebbe essere un menu o una cosa che ci assomiglia e che puo` essere equiparata ad un menu. Come tale va realizzato tramite tag di lista (ad esempio <ul> e[*]), non tramite <div>

I menu sono una delle strutture per cui sono state proposte numerose soluzioni, in molti modi possibili.
Se guardi tra i "link utili" trovi molte risorse (a me piace come e` organizzato il sito di CSSplay).