Prohibir la flotación

La propiedad clear permite anular el efecto introducido por la propiedad float.

clear:

right;

o bien left;

o bien both;

o bien none;

Comentarios

  • El valor right anula los elementos flotantes a la derecha.

  • El valor left anula los elementos flotantes a la izquierda.

  • El valor both anula los elementos flotantes de ambos lados.

  • El valor none anula los elementos flotantes.

Ejemplo


<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<div style="float:right;"> 
<img src="cup.png"> 
</div> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> 
<p style="clear:right">Sed non risus. Suspendisse lectus tortor, 
dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras 
elementum ultrices diam. Maecenas ligula massa, varius a, semper 
congue, euismod non, mi.</p> 
</div> 
</body> 
</html>
 
images/CAP19IMG05.png
Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Flotación de las cajas
Siguiente
Superposición de las cajas