Índice

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