How to give a line break using CSS?

[tess1243]

How to give a line break using CSS?

Is this possible?

[londres9b]

Well, technically it's not possible. I mean, you can't insert an html element in a CSS style.

If you have this:

<div class="topic">This the 1st Topic</div>
<div class="topictext">The 1st Topic is all about...</div>

You'll notice that there is already a line break. That's because we ended a div and began another.


But if you have this:

<div class="topic">This the 1st Topic<span class="newline">Another line...</span></div>

There's no line break there!

So you could set display:block to the span and it will create a line break.

.newline {
 display:block;
}

But..Why don't you just use <br /> ? It's valid XHTML if it's about that.

[tess1243]

Thank You londres9b.

display:block; solved my issue. :) :D

[drhowarddrfine]

CSS3 has word-wrap:break-word which works in all browsers and is a better idea.