¿No hay línea nueva después de div?

Question

¿Hay alguna manera de no insertar una nueva línea antes de div sin usar float: left en el elemento anterior?

¿Tal vez alguna etiqueta en el div que simplemente lo ponga a la derecha?

Answer 1

No hay de nueva línea, sólo el div es un elemento de bloque.

Puede hacer que div en línea agregue display: inline, que puede ser lo que desea.

Answer 2

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

Answer 3

div.noWrap { 
    display: inline; 
    } 

Answer 4

Citando Mr Man inicial de here:

lugar de esto:

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

Utilice esta:

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

También, usted podría utilizar esto:

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

Y gostbustaz:

Si Absoultely debe utilizar un <div>, puede establecer

div { 
    display: inline; 
} 

en su hoja de estilo.

Por supuesto, que esencialmente hace que el <div> a <span>.

Answer 5

¿Ha considerado usar span en lugar de div? Es la versión en línea de div.

Answer 6

Esto funciona como magia, lo utilizan en el archivo CSS en el div que desea tener en la nueva línea:

.div_class { 
    clear: left; 
} 

o declarar que en el html:

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