Andare a capo dentro paragrafo

[js80]

Ciao a tutti!

Questo è il codice sul quale devo operare:

<p class="nome class">
<span class="nome class1">Riga Uno</span>

<span class="nome class2">Riga Due</span>

<spna class="nome class3">Riga Tre</span>
</p>

A livello di fogli di stile, è possibile mandare a capo le tre righe fra loro all'interno del paragrafo senza dover mettere il "
"?

Grazie

[rigby76]

Dovresti ottenere questo effetto inserendo nella definizione di class1, class2, ecc la regola

display:block;

che trasforma la proprietà dello span da 'inline' a 'block' appunto, forzandolo a comportarsi come elementi come div o p.

A questo punto gli puoi associare proprietà come 'margin' o 'padding', 'border', ecc...

[js80]

GRAZIE!!!!!!!!!!!

Ora è tutto OK!

[thomas_anderson]

Un altra tecnica è quella di usare la seguente proprietà CSS:

p {white-space: pre;}

in questo modo il testo si comporterà come se fosse dentro l'elemento <pre>. utile per impaginare poesie, canzoni, ecc senza usare
.