Текст и изображение в <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;
}

JsFiddle

Ответы на вопрос(2)

Ваш ответ на вопрос