Le rembourrage ne fonctionne pas

Question

Pourquoi ne pas padding-top travail? La hauteur de div est définie.

HTML:

<div class="menu">
    <a href="#">APIE MUS</a>
    <a href="#">REKLAMA</a>
    <a href="#">PARTNERIAI</a>
</div>

CSS:

 .menu {
      width: 300px;
      height: 30px;
      background: red;
 }
 .menu a {
      padding-top: 10px;
 }

Answer 1

Votre exemple (avec marge) ne fonctionne pas car vous ne pouvez pas appliquer de marge à des éléments en ligne comme a, span, b.

Regarde:

• http://www.webdesignfromscratch.com/html-css/css-block-and-inline/
• http://webdesign.about.com/od/htmltags/qt/block_vs_inline_elements.htm

Pour résoudre votre problème:

Ajoutez simplement display:inline-block;

Cette valeur (bloc en ligne) fait qu'un élément génère un conteneur de bloc au niveau en ligne. L'intérieur d'un bloc en ligne est formaté comme une zone de bloc et l'élément lui-même est formaté comme une zone atomique de niveau en ligne. Source: http://www.w3.org/TR/CSS2/visuren.html#inline-level

Donc, cela résoudra votre problème:

.menu a{
    margin-top: 10px;
    display:inline-block;
}