Как разместить бэкраунд пункта вертикального меню на всю длину?

Question

[Дмитрий Кирюшин]

Нужно сделать так, чтобы активный/наведенный пункт меню закрашивал бэкраунд на всю длину, но не понимаю как это устроить. Потому как нужно смещать внутренние ul вправо.

Comments

[Ярослав Иванов]

Пример кода jsfiddle

Answer 1

[Ярослав Иванов]

https://jsfiddle.net/space2pacman/4ek3ppmh/

Answer 2

[RTW]

Падинги

Comments

[Дмитрий Кирюшин]

Это конечно хорошо, на падингом пока не пойму как сделать. Ведь если делаю для первого уровня, то второму уже не хватает.

[RTW]

Ну ты кинь код в шапку темы, непонятно, что у тебя там есть, люди посмотрят

Answer 3

[Ankhena]

бэкраунд на всю длину

Длина это ширина?

Ну предположим, что у вас там список и в нем ссылки. Хотя, даже если и просто ссылки, без разницы.

display:block ссылкам и li.
Нулевые отступы ul и li
Для ссылок отступы и background-position для иконок, если они фоном, если не фоном, то на них padding сработает.