ul>li>a padding top/bottom
Пытался задать padding ссылке в списке, но работает только правый и левый. Верхний и нижний тоже задаётся, но ссылка не растягивает при этом высоту li.
Вот наглядный пример:
Пытался создавать пустой index.html, куда помещал только это меню, без каких либо подключенных стилей, вертикальные padding так же игнорировались.
Есть ли способ решить или обойти эту проблему? line-height не подойдёт, т.к. есть кнопки, которые не влазят в 1 строку.
Потому что a - строчный элемент. Padding на самом деле работает, но не выбивает их из строки. Вот:
ul > li:nth-child(1) > a {
padding: 15px;
border: 2px solid red;
}
ul > li:nth-child(2) > a {
padding: 15px;
border: 2px solid green;
}<ul>
<li><a>Тест</a></li>
<li><a>Тест</a></li>
</ul>Проблема решается, если добавить им, например, display: inline-block;
Потому что padding надо задавать для li. Или задать margin для a
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
- Почему SERVER_ADDR имеет не тот IP 49992 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31911 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25953 visits
- Как через css изменить цвет png изображения? 11733 visits
- Blob video url download 11279 visits
- Php curl запрос через прокси с авторизацией 10685 visits
- Работа с captcha vk api 9481 visits
© "hostciti.net" 20.1.2026 | 13:22