FLOAT
se emplea con imagenes
y tablas
para que el texto flote
alrededor de ellas.
FLOAT: left; /*Alinea hacia la izquierda*/
FLOAT: right; /*Alinea hacia la derecha*/
FLOAT: none; /*Sin alineacion {por defecto}*/
Ejemplos de alineacion de imagenes:
IMG {float: left;
padding-left: 8px; margin-left: -10%;}
IMG {float: right;
padding-right: 8px; margin-right: -2.5em;}
Ejemplo en una pagina:
<html><head> <title>titulo</title>
<style>
img {float: right}
</style></head>
<body>
<img src= "imagen.gif"><br>
Aki va el texto, etc
</body></html>
Ejemplo de alineacion de texto flotante:
<DIV STYLE="float: left;
width: 40%;
margin-left: 10%;
margin-right: 5%;">
Este texto va a la derecha
</div> <br>
Este texto va a la izquierda;
<br>
Resultado de codigo de arriba:
Este codigo
hace que todo el
texto se haga un bloque flotante
en el margen izquierdo y el texto
siguiente flote pasando a la derecha.
Este es el bloque de texto
siguiente
que flota a la derecha.
Ejemplo con FLOAT: right;
de una imagen a la derecha
<img src="carpeta/imagen.jpg"
width=51 height=70
/*tamaño de la imagen*/

Style="padding: 1em;
/*tamaño interior*/
FLOAT: right;
/* imagen a la derecha */
border: 8px ridge aqua;
/*clase borde*/">
Este codigo pone un borde
ridge azul de 8 pixeles de grosor
alrededor de una imagen.jpg
que tiene 51 largo por 70 de alto