html - リスト領域全体をクリック可能にする

Question

私のサイトでは、リスト内にいくつかのリンクがあります。内部リンクが置かれている場所だけでなく、リスト領域全体をクリックできるようにすることが可能かどうか疑問に思っていました。例として、ページの右上にある私の「投稿」リンクがあります。

これは私が取り組んでいるコードです: http://jsfiddle.net/spadez/XgSBf/1/

このようにリンクをリストの外に出そうとしましたが、うまくいきませんでした:

<a href=#><li>test</li></a>

Answer 1

タグdisplay:blockに追加a

a {
    text-decoration: none; display:block
}

デモ

Answer 2

style="display:block"アンカータグに追加。表示ブロックを追加して、リンクのこの領域をクリックできるようにします

Answer 3

<li><a style="display:block;" href="some_page.extension">Next</a></li>

むしろ上記のようなことを試してください。「リスト アイテム」タグ内にリンクを含めます。このようにして、領域全体をクリック可能にします。