Tema 11Posicionamientos Flotantes

Existe otra propiedad en CSS que nos permite manipular la posición y el flujo de nuestros elementos. Esta se denomina float, y normalmente se utiliza con los valores left o right para que los elementos se alineen a la izquierda o a la derecha de la ventana, respectivamente. Esto resulta útil en muchos casos: por ejemplo, cuando tenemos una imagen y queremos que un texto se acomode junto a la imagen.

See the Pen ejemplo-float by Luis Yerik Arambula (@luis-yerik-arambula) on CodePen.

CodePen. Software utilizado para el desarrollo de ejercicio dinámico de programación. In CodePen. https://codepen.io

Nota cómo los cuadros que tienen las clases uno y dos se alinearon de forma horizontal a la izquierda. El tercer elemento no tiene propiedad float, así que sólo se coloca debajo de los elementos flotantes. El último elemento se coloca a la derecha debajo del elemento no-flotante. Haz clic aquí para leer más información sobre float.

Módulo 3

Tu Progreso

63%

Progreso General del Curso