output:
<p>hello <br> How are you </p>
code:
<p>hello <br> How are you </p>
Hoe dezelfde output te bereiken zonder <br>
?
Onmogelijk met dezelfde HTML structuur, je moet iets hebben om onderscheid te maken tussen Hallo
en How are you
.
Ik stel voor om span
s te gebruiken die je dan als blokken weergeeft (net als een <div>
eigenlijk).
HTML:
<p><span>hello</span><span>How are you</span></p>
CSS:
p span
{
display: block;
}
Je kunt white-space: pre;
gebruiken om elementen te laten lijken op <pre>
, waarbij de nieuwe regel behouden blijft. Voorbeeld:
<style>
p {
white-space: pre;
}
</style>
<p>hello
How are you</p>
Merk op dat dit niet werkt in IE6 of IE7. Ik weet het niet van IE8.
Zowel Vincent Robert als Joey Adams antwoorden zijn geldig. Als je echter de opmaak niet wilt veranderen, kun je gewoon een <br />
invoegen met javascript.
Er is geen manier om het in CSS te doen zonder de markup te veranderen.