@Herben

Как сделать выравнивание текста и иконки в кнопке?

Что я только не делал, padding, margin, line-height, align-items, flex и прочее...
Результаты были разные, то текст куда-то улетал/пропадал, то иконка улетала/пропадала, то иконка уходила в одну часть экрана, а текст в другую и т.д, но не разу нужного мне не было

Кусок кода кнопки
<button type="submit"><img src='images/done.svg'>Выполнить</span></button>


Что происходит:
6304b7e61889c887297865.jpeg
Что мне нужно:
6304b80129ca5865270106.jpeg

Заранее спасибо!
  • Вопрос задан
  • 127 просмотров
Решения вопроса 1
TwoFaceMan
@TwoFaceMan
Здесь что-то было
Для начала сделай тег span парным, открывающего тега нет и для кнопки задай
button {
display: flex;
align-items: center;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
noder_ss
@noder_ss
Линуксоид-энтузиаст и SQL разработчик
Привет! Советую выучить flexbox по видео в Ютубе, без него никак .кнопка{
Display:flex;
Justify-content: center;
Align-items: center;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
24 нояб. 2024, в 01:35
5000 руб./за проект
24 нояб. 2024, в 01:24
500 руб./за проект
24 нояб. 2024, в 00:04
5000 руб./за проект