No he podido lograr que un texto se alinee horizontal y verticalmente dentro de un div
.
Tengo el siguiente css:
html, body {
position: relative;
margin:0;
padding: 0;
width: 100%;
height: 100%;
}
body {
color: #333;
margin: 0;
padding: 8px;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
div{
display: grid;
background-color: blue;
max-height: 200px;
min-height: 200px;
min-width: 100%;
max-width: 100%;
}
div p{
color:white ;
justify-content: center;
align-items: center;
text-align: center;
}
<div>
<p>{tkn}</p>
</div>
En teoría el párrafo dentro del div
debería salir centrado tanto horizontal como vertical según el código css, pero el texto me lo esta pintando en la parte de arriba.
Es decir que no lo esta centrando verticalmente, solo horizontalmente.