Текст и изображение в <button> не останутся на одной строке с помощью flexbox в Firefox [duplicate]
На этот вопрос уже есть ответ здесь:
Flexbox не работает с кнопками или элементами fieldset 2 ответаЯ хотел бы отобразить кнопку с изображением и текстом. Текст и изображение должны быть в центре и в одной строке / строке.
В Firefox изображение и текст всегда находятся на отдельных строках. Как я могу решить это?
Вот что у меня есть:
button {
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-content: stretch;
align-items: center;
}
button img {
order: 0;
flex: 0 1 auto;
align-self: auto;
}
button span {
order: 0;
flex: 0 1 auto;
align-self: auto;
}