CSS: anchor will NOT accept height

Question

I have been pulling my hair our for over an hour on this and I just can\'t understand why it\'s not working.

HTML:

    &l         


        
                      

              相关标签:
       
      

Answer 1

Try line height instead of height:

line-height:36px

http://jsfiddle.net/AlienWebguy/dP4F9/

Answer 2

Change div#mainmenu div.menu ul li a to this:

div#mainmenu div.menu ul li a
{
    display: block;
    width: auto;
    background: none;
    margin: 10px auto;
}

a elements are inline by default and you cannot set the height / width of inline elements.

Answer 3

The default display type for a link is inline, which does not respond to height or width. Instead, tell your links to be inline-blocks, which preserves the flow of the links but makes them respect your request to be a specific size (height).

div#mainmenu div.menu ul li a
{
    display:inline-block;
    height:36px;
}