Cómo centrar cualquier cosa con CSS

Centrar un elemento en una página web con CSS siempre ha sido un quebradero de cabeza.

Centrar un texto sí que es sencillo, porque existe la propiedad text-align, pero cuando queremos centrar una lista, un párrafo o algún otro elemento similar, empiezan los verdaderos problemas.

Normalmente se soluciona poniendo margin-left: auto y margin-right: auto, pero a veces no es tan sencillo. Y cuando se quiere centrar un elemento verticalmente, entonces sí que empiezan realmente los problemas.

La página web How to Center Anything With CSS es una exhaustiva recopilación de las diferentes situaciones que se nos pueden plantear y de las diferentes soluciones que existe.

Profesor del Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante (España). Interesado en el desarrollo y la accesibilidad web.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.