make span tag показать полный фон вместо обертывания в отзывчивом

Question

В ответном span не отображается полный фон.

Он отображает правильные изображения до 836 пикселей после того, как он обертывается в другой строке, я хочу, чтобы только текст обложки не был обрамлен.

Как показать полный фон?

Сниппет

span{ 
 
    background: red; 
 
    color: white; 
 
    padding: 50px; 
 
    border-radius: 5px; 
 
    text-align: center; 
 
    font-family: arial; 
 
    font-size: 20px; 
 
}

<span>In responsive span is not showing full background. How to show full background?</span> 

Answer 1

inline-block установлен в span, потому что это span встроенный элемент

span{ 
 
    background: red; 
 
    color: white; 
 
    padding: 50px; 
 
    border-radius: 5px; 
 
    text-align: center; 
 
    font-family: arial; 
 
    font-size: 20px; 
 
    display:inline-block 
 
}

<span>In responsive span is not showing full background. How to show full background?</span>