490f08a9

Заметки на полях : ul li и надоедливый padding-bottom

Заметки

Метки (теги) : , , , ,

Автор: admin

Вот верстаю сайт и ставлю социальные кнопки twitter и facebook. Сделал такую структуру

<ul>
<li>Facebook кнопка</li>
<li>Twitter кнопка</li>
</ul>

<style>
ul li {
list-style: none;
padding: 0;
}
</style>

Ну думаю, все в порядке. А нет, padding-bottom все равно есть, не знаю от куда он взялся, но зато понял как его убрать.

Вот решение, но оно действительно только если содержание li не текст.

Для того чтобы убрать padding-bottom из li нужно прописать такой стиль тегу li

line-height: 0;

Все теперь мешающий нижний отступ будет убран.

Благодарю за внимание.

Оставить комментарий