uscita:
<p>hello <br> How are you </p>
codice:
Ciao, come stai?
Come ottenere lo stesso output senza <br>
?
Impossibile con la stessa struttura HTML, devi avere qualcosa per distinguere tra Ciao
e Come stai
.
Suggerisco di usare degli span
che poi visualizzerai come blocchi (proprio come un <div>
in realtà).
HTML:
<p><span>hello</span><span>How are you</span></p>
CSS:
p span
{
display: block;
}
Puoi usare white-space: pre;
per far sì che gli elementi si comportino come <pre>
, che conserva le newline. Esempio:
<style>
p {
white-space: pre;
}
</style>
<p>hello
How are you</p>
Nota che questo non funziona in IE6 o IE7. Non conosco IE8.
Entrambe le risposte di Vincent Robert e Joey Adams sono valide. Se non vuoi, comunque, cambiare il markup, puoi semplicemente inserire un <br />
usando javascript.
Non c'è modo di farlo in CSS senza cambiare il markup.