wyjście:
<p>hello <br> How are you </p>
kod:
<p>hello <br>Jak się masz </p>
Jak osiągnąć to samo wyjście bez <br>
?
Niemożliwe z tą samą strukturą HTML, musisz mieć coś, co odróżni Hello
od How are you
.
Proponuję użyć span
, które następnie wyświetlisz jako bloki (tak jak <div>
w rzeczywistości).
HTML:
<p><span>hello</span><span>How are you</span></p>
CSS:
p span
{
display: block;
}
Możesz użyć white-space: pre;
by elementy zachowywały się jak <pre>
, co pozwala zachować nowe linie. Przykład:
<style>
p {
white-space: pre;
}
</style>
<p>hello
How are you</p>
Zauważ, że to nie działa w IE6 lub IE7. Nie wiem nic o IE8.
Obie odpowiedzi Vincent Robert i Joey Adams są ważne. Jeśli jednak nie chcesz zmieniać znacznika, możesz po prostu wstawić <br />
za pomocą javascript.
Nie ma sposobu, aby zrobić to w CSS bez zmiany narzutu.