1

Tengo una duda. Quiero centrar tres párrafos, pero que estos queden a la misma altura.

Pero en realidad me queda así: Vista Previa de HTML

Lo que tengo de código es básico y es esto:

<body>
<h2 align="right">Hola</h2>
<h2 align="center"> Buenas</h2>
<h2 align="left">Buen día</h2>
</body>
2
  • 1
    te dejo este Link para que aprendas a usar flexbox, es algo sencillo que creo que lo vas a poder implementar por vos mismo, vos podes!! cualquier cosa me avisas y te ayudo, suerte!
    – Roy
    Commented el 24 ago. 2021 a las 17:22
  • Muchísimas gracias!! Saludos, que tengas buen día!! Commented el 24 ago. 2021 a las 17:26

1 respuesta 1

2

No funciona porque, para empezar, el atributo align no modifica el comportamiento de bloque de los elementos y, además, solo aplica a ciertas etiquetas. Revisa la documentación

Necesitas poner los títulos dentro de un contenedor y, por medio de CSS, aplicar modelo flexbox o grid para acomodarlos en una misma línea; en este ejemplo usé flex:

h2 {
    background: #ccc;
}

.container {
    /* Mostrar en una misma línea */
    display: flex;
    /* Invertir orden, colocando el primero a la derecha */
    flex-direction: row-reverse;
    /* Ocupar todo el espacio disponible y separar elementos */
    justify-content: space-between;
}
<h1>Esto no funciona</h1>

<h2 align="right">Hola</h2>
<h2 align="center"> Buenas</h2>
<h2 align="left">Buen día</h2>

<h1>Esto sí funciona</h1>

<div class="container">
    <h2>Hola</h2>
    <h2>Buenas</h2>
    <h2>Buen día</h2>
</div>

1
  • Muchísimas gracias @Triby Saludos!!! Commented el 24 ago. 2021 a las 17:41

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.