So erstellen Sie das Symbol in der Mitte der Schaltfläche ⇐ HTML

[Anonymous]

Dies ist mein HTML-Codeblock:

Code: Select all

[i][/i]

Ich erhalte die Symbole von Boxicon
Ich habe Probleme damit, dass das Symbol in der Mitte des Schaltflächenblocks bleibt. Ich scheitere, wenn ich versuche, Folgendes zu verwenden:

Code: Select all

display: flex;
justify-content: center;
align-items: center;

Es ist immer noch nicht in der Mitte, jetzt ist es so
und ich versuche es auch zu verwenden, auch nicht verwendet.

Code: Select all

line-height: 2;

unten ist mein CSS-Code:

Code: Select all

.close-icon {
position: absolute;
}

#close-button {
padding: 2px;
display: flex;
justify-content: center;
align-items: center;
margin:auto;
width: 50px;
height: 50px;
}

.bx-x-circle {
font-size: 30px;
line-height: 2;
}