logo htlm 5

Ejemplo de clear con el valor left

Código Resultado

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
img {float: left;
width:100px;
height:100px}
p{width:300px;
text-align:justify}
.limpiar{clear:left}
</style>
</head>

<body>
<p>
<img src="img/gato.jpg"/></p>
<p>La foto del gato aparece a la izquierda mientras que el texto fluye por ella.</p>
<p class="limpiar"> Este parrafo rompe el flujo, Quedandose como si en word pusieras un cuadro de texto a la izquierda, se utiliza mucho en maquetación</p>
</body>
</html>