logo htlm 5

Ejemplo de float con el valor left para ubicar un elemento a la izquierda

Código Resultado

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
img {float: left;
width:100px;
height:100px}
p{width:300px;
text-align:justify}
</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> quedandose como si en word pusieras un cuadro de texto a la izquierda, se utiliza mucho en maquetación</p>
</body>
</html>