Desarrollo de aplicaciones ETI SENATI

Elementos Flotantes
• Float
Se puede hacer flotar cualquier elemento a la derecha o a la izquierda utilizando la propiedad
Float

Ejemplo. texto con ajuste de línea alrededor de una imagen

1. A un proyecto Web Vacío, insertar un WebForm
2. Dar clic derecho al proyecto y “Abrir Carpeta en el Explorador de Archivos”.
3. Crear una carpeta Imágenes donde se guardarán las imágenes y elementos gráficos que se
utilizarán en la web ASP.Net
4. Actualizar el proyecto y podrá visualizar la carpeta Imágenes en el Explorador de
Soluciones.
5. Crear el siguiente código

6. Para poder hacer que la imagen flote a la izquierda y el texto se ajuste a su alrededor, solo
se deberá de incorporar la propiedad “Float” con el valor “left”. Para ello cree el archivo
estilos5.css

Con el siguiente código

Aplicaciones web I 1
Desarrollo de aplicaciones ETI SENATI

#imagen
{
Float: left;
Width: 200px;
}
7. Ver resultados

• Clear
Se utiliza para poder controlar el comportamiento de los elementos que siguen a los
elementos flotantes del documento. La propiedad Clear puede tomar valores left, right, both o
none,

Ejercicio.
1. En base al ejemplo anterior. Modificar el archivo estilo5.css

2. En el código agregar un párrafo mas como se muestra a continuación

3. Ver resultados

Aplicaciones web I 2