How to fix the size of a tag "li"?

I'm trying to create a menu like this or this.

But I am trying all ways to fix the size of the tag "read" but I can not. I'm in the beginning, to see where I am. Not开发者_Python百科ice that when the user hovers the tag "a" changes the background color.

Please, if you can change the code and show me how.

Thanks.

Use display:inline-block; instead of inline.

Your problem is that you've specified display:inline; and styled it from that point, you'll have to remove that, or change to inline-block like they said, and re-style your menu.

You cant declare width for an inline li , use

display:inline-block;