Как дополнить текст в промежутке, но не дополнить фоновое изображение

Question

У меня есть ситуация, когда у меня есть SPAN с фоновым изображением кнопки, с текстом.Однако текст находится сверху кнопки, а я хочу, чтобы он располагался по центру.Я попытался настроить его с отступом, но затем фоновое изображение смещается вдоль ...

HTML-код:

<span class="button" style="BACKGROUND-IMAGE: url('images/button.gif'); HEIGHT: 50px; PADDING: 15px 10px 0px 0px; WIDTH: 50px">button text</span>

Заранее спасибо, у меня такое ощущение, что я что-то упускаюпростой ...

Answer 1

Добавьте это к своему CSS:

line-height: 50px;
display: inline-block;
padding: 0 10px;

Возможно, вам придется настроить отступы, но установка высоты строки на высоту самой кнопки будет центрировать ее содержимое по вертикали.