In responsive
span
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>
set inline-block
to span
, because span
is an inline element
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>