CSS：LI>マージンマージントップ作品を作るためにどのように

Question

#top-menu ul.menu li { 
    background: url(img/back-top-menu2.png); 
    width: 70px; 
    height: 37px; 
    cursor: pointer; 
    float: left; 
    text-align: center; 
} 

#top-menu ul.menu li:hover { 
    background: url(img/back-top-menu.png); 
} 

#top-menu ul.menu li a { 
    color: #fff; 
    text-decoration: none; 
    list-style-type: none; 
    text-align: center; 
    margin-left: 20px; 
    margin-top: 20px; 
} 

？

Answer 1

<a>はインライン要素です。ブロックレベル要素にするには、 "display:block;"または "display:inline-block;"を追加します。 "margin"や "padding"のようなプロパティは、ブロックレベルの要素に対してのみ機能します。

Answer 2

代わりにパディングトップを試してください。

他の方法は、ディスプレイを追加することです。その後、ブロックし、その後も37pxの高さをそれを与える、とline-height:37px