float
Establece un elemento flotante e indica en la posición donde se situará dentro de la página. ¡OJO! Este elemento se situará en algunas ocasiones encima de otros elemento fijos que hubieran dentro de su elemento padre.
- left: Posicionará el elemento a la izquierda dentro del elemento padre (en cuanto encuentra un hueco lo suficientemente grande para que quepa, lo coloca ahí)
- right: lo mismo, pero posicionándolo a la derecha.
- none: Por defecto, dibujará el contenido donde aparezca en el código HTML.
Ejemplos de como alinear una imagen a la derecha dentro de un párrafo, o fuera de el.
Ejemplo de como alinear la primera letra de un párrafo a la izquierda.
Ejemplo de como hacer un menú a partir de una lista, quitándole la propiedad de salto de línea a los elementos <li> con (display: inline;), y poniendo los enlaces como elementos flotantes alineados a la izquierda (cambia left por right para ver el efecto). Actualmente debemos usar grid o flex como veremos más adelante.