Прокладка не работает


Почему не работает padding-top? Установлена ​​высота div.

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;
 }

Ответы

Ответ 1

Ваш пример (с пометкой) не работает, потому что вы не можете применять маркер к встроенным элементам типа a, span, b.

Посмотрите:

Чтобы устранить проблему:

Просто добавьте display:inline-block;

Это значение (встроенный блок) заставляет элемент генерировать блок встроенного уровня контейнер. Внутренняя часть встроенного блока форматируется как блок-блок, и сам элемент форматируется как атомный встроенный ящик. Источник: http://www.w3.org/TR/CSS2/visuren.html#inline-level

Итак, это исправит вашу проблему:

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