Cómo Centrar en CSS Cualquier Elemento: 3 Trucos Infalibles

August 17, 2017

We got this video for you so that you don’t need to spend your time in the search.

¿Sabes centro una imagen, a div o a text in CSS?
After a central element of cualquier are the sea horizontally or vertically. Te explico 3 tecnicas that siempre funcionan.

Alinear las líneas de texto de los párrafos o centrar elementos img his tareas muy comunes las las enfrentamos los desarrolladores.

Create an account to write HTML HTML comments as well as 3 CSS applications.

Podemos diferenciar between very different distintos casos:

1. Centrar horizontally texting líneas

El caso más típico y más fácil de implementar es el el querer centrar una o varias líneas de texto, ya sea in one párrafo (etiqueta p), una etiqueta (etiqueta span) o in one encabezado (etiquetas h1, h2, h3 .. .).
Utilizaremos the propiedad "text-align" of CSS that is pensada para eso.

The lines of este is the center of the central artery in the hands of the father, gracias al valor "center" of the proposal "text-align".
Este metodo sirve también para alinear cualquier otro elemento that is dentro del párrafo, siempre y cuando muestre como a "block in linea", coma una imagen o a span.

2. Horizontally center a text block or imagen

Center horizontally a text block or an imagen
Para centrar horizontalmente cualquier otro elemento of tipo "blocks" como puede to be an elemento div, basta with poner the lateral messengers in modo automático:
div {
left margin: auto;
right margin: auto;
}
If you want the images to be more precise than the images, click here to display, by default, display: inline-block implícito. Esth lo podemos hacer uses the display "display" with el valor "block":
img {
viewing block;
left margin: auto;
right margin: auto;
}

3. Center vertically a block or an imagen

Para centrar verticalmente a elemento debemos tomar una aproximación distinta. Learn more about the content of the Database Database Database.
#contenedor {
display: table-cell;
vertical-align: middle;
}

___

¡Sigueme para enterarte de todo!

Twitter: https://twitter.com/dowrow
Facebook: https://fb.co/DesarrolloWebCreativo
Snapchat: https://www.snapchat.com/add/dowrow
Instagram: https://www.instagram.com/dowrito/
GitHub: https://github.com/dowrow/
Google+: https://plus.google.com/u/0/111102552248758919807

___

Música bajo licencia Creative Commons

? Cancion of the intro
"Belfast-Belfast" by Shigeto Noguchi