Как выровнять текст с картинкой в кнопке по центру?

Question

[mochenkow]

Делаю кнопку с иконкой - https://code.sololearn.com/WJ9489HEocY4

Но не могу сделать так, чтобы и текст и картинка были по центру, как вертикально, так и горизонтально.
На данный момент добился того, что картинка по-центру, а текст по вертикали - нет.


Подскажите, пожалуйста, как можно исправить? Желательно на моем примере

Answer 1

[Ростислав]

.button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

У меня кончился суточный лимит на комменты)
mochenkov, Дай id/класс и примени стили к нему, за полосу незнаю может подчеркивание от ссылки, поставь ей text-decoration: none

Comments

[mochenkow]

В таком случае все кнопки выстраиваются вертикально, хотя раньше были горизонтально, и появляется подчеркивание. Не знаете, как исправить?)

[mochenkow]

mochenkov, К сожалению на мобильных устройствах становится криво, по какой-то причине