La propiedad float especifica cómo debe flotar un elemento.
La propiedad float se utiliza para posicionamiento y formateo del contenido, por ejemplo, dejar que una imagen flote a la izquierda del texto en un envase.
La propiedad float tiene 4 valores:
- left - El elemento flota a la izquierda de su contenedor
- right - El elemento flota a la derecha de su contenedor
- none - El elemento no flota (se mostrará justo donde aparece en el texto), esto es por defecto
- inherit - El elemento hereda el valor flotante de su padre
En su uso más simple, la propiedad float se puede usar para envolver texto alrededor de imágenes.
...Imagen flotando a la derecha del texto
El cliente es muy importante, el cliente será seguido por el cliente. A veces se dice que no hay inversión en la flota, excepto que el mundo necesita odio, porque el chocolate de la vida es un dolor venenoso. Mecenas es un aficionado, no necesita deberes, es el autor de la vida de masas.
Ejemplo del código anterior
img {
float: right;
}
Flotante: izquierda;
El mismo código anterior pero la imagen flotando a la izquierda
El cliente es muy importante, el cliente será seguido por el cliente. A veces se dice que no hay inversión en la flota, excepto que el mundo necesita odio, porque el chocolate de la vida es un dolor venenoso. Mecenas es un aficionado, no necesita deberes, es el autor de la vida de masas.
Ejemplo del código anterior
img {
float: left;
}
Sin flotador
Le quitamos la propiedad float al código anterior
El cliente es muy importante, el cliente será seguido por el cliente. A veces se dice que no hay inversión en la flota, excepto que el mundo necesita odio, porque el chocolate de la vida es un dolor venenoso. Mecenas es un aficionado, no necesita deberes, es el autor de la vida de masas.
Flotar uno al lado de otro
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias