Как растянуть елемент <a> внутри <li>?

Question

[misha91]

[ul class="menu"]
[li id="item-101"]
[li id="item-102"]
[li id="item-103"]
[a href="...."]Пункт меню[/a]
[/li]


(вместо "[ ]" должно быть "< >")

Answer 1

[UkrDay]

ul.menu li a
{
display:block;
}

Answer 2

[MT]

вместо "[ ]" должно быть "< >"

Чего только люди не придумают, чтобы не использовать хабраэлемент source.

Answer 3

[jab]

Все <li> вложенные? Их бы закрывать не мешало.

<ul class=«menu»>

<li id=«item-101»><a href="....">Пункт меню</a></li>

<li id=«item-102»><a href="....">Пункт меню</a></li>

<li id=«item-103»><a href="....">Пункт меню</a></li>

</ul>

Comments

[Wott]

закрывать не нужно. Можно, но не нужно :)
хотя строго говоря это зависит от doctype

[ainu]

Век живи-век учись. Полезное свойство li шек

Answer 4

[ainu]

В первую очередь у li убрать размеры кроме фиксированной стороны, и паддинги.
a — display:block;
А ещё тегу a указать паддинги все.
Для седьмого IE float:left;clear:left; для тега li (для борьбы с лишними отступами в вертикальном меню, если повезёт, не понадобится)