Задать цвет заднего фона :hover?

Question

[Олег]

Добрый день, хочу задать тексту ссылок подсветку с помощью hover. Проблема в том, что ссылки раздвинуты padding И подсвечивается так же пустое пространство. Как сделать так, что бы подсвечивался только текст?

Answer 1

[navodchik131]

Если правильно понял задачу, то текст оберните в span и у него указывайте фон при наведении. А у самой ссылки делайте отступы как надо вот пример

<a href class="link"><span class="link-bg">любой текст для примера</span></a>

.link{
  padding:5px 10px;
  border:1px solid #000;
}
.link:hover .link-bg{
  background:red;
}