Как сделать значок в центре кнопки ⇐ Html

[Anonymous]

Это мой блок HTML-кода:

Код: Выделить всё

[i][/i]

Я получаю значки из Boxicon
У меня возникли проблемы с тем, чтобы значок оставался в центре блока кнопок. У меня ничего не получается, когда я пытаюсь использовать это:

Код: Выделить всё

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

Он все еще не в центре, сейчас вот так
а еще я пытаюсь использовать ,тоже не используется.

Код: Выделить всё

line-height: 2;

ниже приведен мой CSS-код:

Код: Выделить всё

.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;
}

Код: Выделить всё

.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;
}

Код: Выделить всё

[i][/i]

Подробнее здесь: https://stackoverflow.com/questions/798 ... the-button