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

Вот верстаю сайт и ставлю социальные кнопки 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;

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

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