Warum ist der Text in meinem Div -Behälter nicht zentriert? [Duplikat] ⇐ HTML

[Anonymous]

Frage < /h3>
Hey Leute, ich habe ein Problem mit der Ausrichtung des Textes in einem Div. Hat jemand eine Idee, was das Problem verursacht? Vor allem, weil es bereits auf dem Desktop -Chrom funktioniert, jedoch nicht auf einem mobilen Gerät
unten zwei Bilder hinzugefügt, die den Unterschied in der Textausrichtung in der Div -Taste __Tround__Text zeigen. Der Text in den mobilen Browsern ist immer viel mehr als der Text auf einem Desktop-Chrom-Browser..button__foreground {
grid-area: row0 / col0 / row1 / col1;

display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: lib.$stroke-width;

height: 100%;
}

.button__foreground__text {
display: inline-block;
line-height: 1;
border: black solid 1px;
font-family: "Consolas";
font-size: 1rem;
text-align: center;
margin-top: auto;
margin-bottom: auto;
}

.button__foreground__svg {
display: grid;
place-content: center;
margin-top: auto;
margin-bottom: auto;
}< /code>






SIGN IN




some text


#align{
display:flex;
height:100vh;
justify-content:center;
align-items:center;
}

p{
border:solid 1px red;
}
< /code>
< /div>
< /div>
< /p>
So sieht es auf Safari auf meinem Telefon aus, da Sie sehen können, dass der Text nicht im Div zentriert ist. Ich kann das gleiche Verhalten auf einem Android -Gerät unter Verwendung von Chrome beobachten.
< /p>
Aber mit einem Chrombasis -Browser auf meinem Desktop unter Windows funktioniert es richtig.
< /p>