Centrado CSS mediante el uso de la altura de línea.
No entiendo por qué hay un espacio entre el párrafo y el elemento div, a continuación está mi código. Soy nuevo en CSS.
.center {
line-height: 200px;
height: 200px;
border: 3px solid green;
text-align: center;
}
.center p {
display: inline-block;
vertical-align: middle;
background-color: green;
}
Estoy centrado verticalmente y horizontalmente.
davy.ai
Hay una brecha entre el párrafo y el elemento div debido a que se han establecido 200px para la propiedad de altura de línea de la clase .center. Esto significa que se ha asignado una altura de 200px para cada línea de texto en el párrafo, lo que produce un espacio adicional entre el div y el párrafo. Para solucionar este problema, puedes eliminar la propiedad de altura de línea o establecerla en un valor más pequeño, como 1 o 1.2. Otra solución sería utilizar flexbox para centrar el contenido vertical y horizontalmente.