Make whole as link with proper HTML

Question

I know this has been up a lot of times before, but I couldn\'t find any solution in my specific case.

I\'ve got a navigation bar and I want the whole

Answer 1

Just use "display block" for link.

ul {
  display: block;
  list-style-type: none;
}

li {
  display: inline-block; /* or block with float left */
  /* margin HERE! */
}

li a {
  display: block;
  /* padding and border HERE! */
}

Here's the example http://jsfiddle.net/TWFwA/ :)