float:left

Curso de HTML

6.  
8.  
10.  
12.  
16.  
17.  
23.  
30.  
32.  
34.  
35.  
36.  
38.  
43.  
44.  
45.  
49.  
51.  
54.  
57.  
58.  
64.  

Contactar con el profesor

Elementos con display:block y float:left se irán posicionando horizontalmente.

  • Es necesario indicar este estilo tanto a la capa sobre la que me apoyó como a la capa que se apoya.
  • Este posicionamiento hace que la capa contenedora de los div con float no crezca según estos van creciendo. Para solucionarlo, puedo poner overflow:auto u overflow:hidden a la capa contenedora.
  • El estilo clear:right hace que cuando usas float no quepan elementos a la derecha. El estilo clear:both hace que no quepan a ambos lados.
.iceburg{
	position:fixed
}
.titanic{
	float:none
}

Ejercicio float left

Modificar el ejercicio de página sencilla para que funcione con float:left.

Ver ejercicio resuelto
← Ejercicio sencillo de html
img vs background →

Aviso Legal | Política de privacidad