изход:
<p>hello <br> How are you </p>
код:
<p>hello <br> Как сте </p>
Как да постигнем същия резултат без <br>
?
Невъзможно е с една и съща структура на HTML, трябва да има нещо, което да прави разлика между Hello
и How are you
.
Предлагам да използвате span
, които след това ще показвате като блокове (всъщност точно като <div>
).
HTML:
<p><span>hello</span><span>How are you</span></p>
CSS:
p span
{
display: block;
}
Можете да използвате white-space: pre;
, за да накарате елементите да се държат като <pre>
, което запазва новите редове. Пример:
<style>
p {
white-space: pre;
}
</style>
<p>hello
How are you</p>
Имайте предвид, че това не работи в IE6 или IE7. Не знам за IE8.
И двата отговора на Vincent Robert и Joey Adams са валидни. Ако обаче не искате да променяте маркировката, можете просто да вмъкнете <br />
с помощта на javascript.
Няма начин да го направите в CSS, без да промените маркировката.