Не получается сделать так чтобы справа от текста фон был на таком же уровне как и слева,снизу,сверху... Фон справа почему-то длинный получается,хотя по идее должен быть такой же как слева,снизу,сверху. Подскажите где ошибка,что делать?

Сейчас у меня так прописано,правильно? Ширина фона со всех сторон уменьшаются-кроме правой стороны.Может что-то не так прописал? Почему ширина фона правой стороны не уменьшаются ?
.myclass{
display:block;
padding:1px;
font-size:30px;
font-weight:bold;
text-transform:capitalize;
line-height:34px;
color:#000000;
background-color: rgba(255, 255, 255, 0.5);
}
В шаблоне так:
<span class="myclass">ФУРНИТУРА</span>
<div class="goods-category">
<p>Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
<div>Купить</div>

</div>

Попробуйте для каждой стороны указать внутренний отступ
не общее как сейчас
padding:1px;
а
padding:1px 0 1px 1px;

где:
padding: верх справа низ слева;