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.

302079629_1404662513348701_1549791721443283073_n.webp
 
En mis inicios centraba los divs así:
<center><div>Contenido</div></center>
Pero una vez conocí el Css pude hacer mejores trabajos.
 
En mis inicios centraba los divs así:
<center><div>Contenido</div></center>
Pero una vez conocí el Css pude hacer mejores trabajos.
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.

Atrás
Arriba