En realidad es muy sencillo centrar elementos con CSS3. Hay muchos blogs que dan respuestas muy incorrectas, cuando en realidad lo único que debemos hacer es rezarle a nuestro dios FLEX-BOX. Lo primero que hay que hacer es aplicar flex a los displays de todos los contenedores de tu web, y manejarte con ello durante el resto del proyecto. Ejemplo: Flexbox HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> <title></title> </head> <body> <section class="contenedor"> <div class="centrado"></div> </section> </body> </html> CSS body{ display: flex; } .contenedor{ display: flex; } .centrado{ display: flex; } Alinea