Cómo centrar el contenido de un <div> con CSS

  • Autor Autor Usuario eliminado 263618
  • Fecha de inicio Fecha de inicio
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

U

Usuario eliminado 263618

Hola, aqui les muestro una imagen que les muestra el codigo CSS para centrar el contenido de un div, ya que cuando uno inicia en CSS, a uno se le hace tedioso alinear el contenido pero con este código podrán centrar horizontal y verticalmente el div.

 
En mis inicios centraba los divs así:
<center><div>Contenido</div></center>
Pero una vez conocí el Css pude hacer mejores trabajos.
 
Carambel dijo:
En mis inicios centraba los divs así:
<center><div>Contenido</div></center>
Pero una vez conocí el Css pude hacer mejores trabajos.
Hacer clic para expandir...
En los míos también,

Ahora me encanta usar flex aunque no soy experto en css, flex me ha salvado la vida en varias ocasiones
 
Si, era un rollo centrar el contenido hasta que aprendí de CSS Grid y Flexbox que facilita la forma de alinear los elementos.
 
Todos llegamos a centrar divs con <center></center>. Es como un clásico, tipo como para borrar el fondo de una imagen en Photoshop usar la herramienta varita mágica. Ya cuando uno conoce mejor, la cuestión diversifica y mejora.

En la mayoría de los casos en que yo hago algo de diseño web, uso la primera opción.
 
Si solo quieres centrar textos..
Es más fácil usar la etiqueta HTML<center>

Pero si quieres centrar algo más..
Como una especie de menú o tabla de contenido o cosas así..

Allí si sería mejor utilizar el centrado por CSS..

O por lo menos esa es mi perspectiva 😁
 
Estado

🔒 Este tema está cerrado para nuevas respuestas.

⏰ Solo el creador del tema puede solicitar la reapertura de sus propios temas, pero únicamente dentro de los 60 días previos a la última actualización.

Temas similares

Cómo centrar verticalmente una imagen en un contenedor con CSS flexbox
Respuestas
8
Visitas
542
ultracobra
Cómo centrar imagen destacada??
Respuestas
2
Visitas
208
Hojure
Cómo centrar imagen destacada en entradas de forma sencilla
Respuestas
3
Visitas
207
diixer
Cómo centrar el titulo de una entrada a
Respuestas
3
Visitas
201
Mesho
Cómo centrar automáticamente imágenes en WordPress con CSS
Respuestas
3
Visitas
595
zzk
Menú
Acceder
Registro