CSS: ссылка изображение в технике раздвижных дверей

Question

Я хотел бы добавить небольшое изображение стрелки (+ эффект наведения) ко всем гиперссылкам, определив класс CSS. мой вопрос: можно ли было бы использовать для этого технику раздвижных дверей? проблема с этим: я не могу установить фиксированную ширину для ссылки (для усечения изображения), так как текст ссылки будет игнорировать эту ширину - какие-либо идеи?

спасибо

Answer 1

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

a.arrowclass /*the selector could be just 'a' if you wanted it on all links */ { 
  padding-left:20px;
  background: url(/path/to/arrow.jpg) no-repeat top left;
}