CSS: ширина <a>

Question

Я пытаюсь сделать что-то довольно простое: тег <a> с фоновым изображением. Код находится здесь, http://jsfiddle.net/QWatA/

Проблема в том, что по какой-то причине я не могу установить ширину тега <a> в этом коде. Если бы у меня был просто нормальный фон и установить его с шириной, он работает нормально. Однако, похоже, что если я делаю это таким образом, я не могу контролировать ширину. В идеале я хочу, чтобы все ссылки имели подсветку одинаковой ширины.

Причина, по которой я это делаю, заключается в том, что я хочу различное фоновое изображение для каждой из ссылок, поэтому я вынужден определить все эти a.class1, a.class2 вещи.

Спасибо !!

Answer 1

Добавьте display:inline-block; к вашим элементам 'a'.По умолчанию «а» равно display:inline и поэтому не устанавливает поле с шириной / высотой.

http://jsfiddle.net/QWatA/1/

Answer 2

да, c-smile побил меня, просто вставьте display: block в свой css, однако, если вы собираетесь делать a.class1, a.class2 и так далее с новыми картинками, вставьте его в ul li a вместо a.class1 a.class2 итак что тогда вы должны написать код только один раз.