Skip to main content
se añadieron 114 caracteres en el cuerpo
Origen Enlace
Zander
  • 1k
  • 1
  • 7
  • 20

Para arreglarlo, únicamente cambia los estilos que tienes en el p en el parent

div {
    display: grid;
    background-color: blue;
    justify-content: center;
    align-items: center;
    max-height: 200px;
    min-height: 200px;
    min-width: 100%;
    max-width: 100%;
}

div p {
    color: white;
    text-align: center;
}

Sólamente cambiando esos dos atributos del p al div ya se te centrará verticalmente el contenido del div.

Tienes que recordar que quien marca el estilo de como se verá el contenido es el contenedor, no el contenido.

Para arreglarlo, únicamente cambia los estilos que tienes en el p en el parent

div {
    display: grid;
    background-color: blue;
    justify-content: center;
    align-items: center;
    max-height: 200px;
    min-height: 200px;
    min-width: 100%;
    max-width: 100%;
}

div p {
    color: white;
    text-align: center;
}

Sólamente cambiando esos dos atributos del p al div ya se te centrará verticalmente el contenido del div

Para arreglarlo, únicamente cambia los estilos que tienes en el p en el parent

div {
    display: grid;
    background-color: blue;
    justify-content: center;
    align-items: center;
    max-height: 200px;
    min-height: 200px;
    min-width: 100%;
    max-width: 100%;
}

div p {
    color: white;
    text-align: center;
}

Sólamente cambiando esos dos atributos del p al div ya se te centrará verticalmente el contenido del div.

Tienes que recordar que quien marca el estilo de como se verá el contenido es el contenedor, no el contenido.

Origen Enlace
Zander
  • 1k
  • 1
  • 7
  • 20

Para arreglarlo, únicamente cambia los estilos que tienes en el p en el parent

div {
    display: grid;
    background-color: blue;
    justify-content: center;
    align-items: center;
    max-height: 200px;
    min-height: 200px;
    min-width: 100%;
    max-width: 100%;
}

div p {
    color: white;
    text-align: center;
}

Sólamente cambiando esos dos atributos del p al div ya se te centrará verticalmente el contenido del div