No newline after div?

Question

Is there a way to not have a newline inserted before a div without using float: left on the previous element?

Maybe some tag on the div that will just put it to the right?

Answer 1

There is no newline, just the div is a block element.

You can make the div inline by adding display: inline, which may be what you want.

Answer 2

Have you considered using span instead of div? It is the in-line version of div.

Answer 3

<div style="display: inline">Is this what you meant?</div>

Answer 4

Quoting Mr Initial Man from here:

Instead of this:

<div id="Top" class="info"></div><a href="#" class="a_info"></a>

Use this:

<span id="Top" class="info"></span><a href="#" class="a_info"></a>

Also, you could use this:

<div id="Top" class="info"><a href="#" class="a_info"></a></div>

And gostbustaz:

If you absoultely must use a <div>, you can set

div {
    display: inline;
}

in your stylesheet.

Of course, that essentially makes the <div> a <span>.

Answer 5

Use span instead of div. Since span is inline element while div is the block element. So div is always going to add into the new line as it covers the entire width while span doesn't.

Answer 6

This works like magic, use it in the CSS file on the div you want to have on the new line:

.div_class {
    clear: left;
}

Or declare it in the html:

<div style="clear: left">
     <!-- Content... -->
</div>

Answer 7

This works the best, in my case, I tried it all

.div_class {
    clear: left;
}

Answer 8

try:

<div style="padding: 50px; background-color: #BCC6CC;">Div one</div>
<div style="padding: 50px; background-color: #E5E4E2;">Div two</div>

Answer 9

div.noWrap {
    display: inline;
    }