Eliminar salto de linea

Es posible que en ocasiones una serie de elementos, que por defecto aparecerían uno debajo del otro, queramos que aparezcan uno al lado del otro.

Para esto usaríamos la etiqueta float.

Ejemplo:

<div id="contenedor">
   <div>a</div>
   <div>b</div>
   <div>c</div>
</div>
devolverá
a
b
c
añadiendo un style
#contenedor div{   float:left;    }
devolverá
abc
Esto nos puede servir para crear un menú horizontal con un ul, colocar diferentes div uno al lado del otro o lo que se os pueda ocurrir.



No hay comentarios


Puedes dejar el primero : )



Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.