@sabviktor

Как расположить иконку по центру кнопки вертикально?

Есть вот такая кнопка:
<button>
    <i class="fi fi-br-menu-burger"></i>
    Меню
</button>
.menu button {
    padding: 7px 13px;
    background-color: #5582ff;
    color: white;
    border: none;
    border-radius: 7px;
    height: 30px;
}


И вот результат:
66555a3fe231d570122995.jpeg

Подскажите пожалуйста как мне эту иконку сделать так чтобы она была по середине вертикально а не выше текста как сейчас. Я раньше не сталкивался с иконками в кнопках...
(line-height не помогает)
  • Вопрос задан
  • 62 просмотра
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
.menu button {
    /*...*/
    display: inline flex;
    align-items: center;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы