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.