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

Разбираемся в CSS
Ответить
Anonymous
 Как сделать значок в центре кнопки

Сообщение Anonymous »

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






Я получаю значки из 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;
}


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

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»