Неизвестная проблема с заполнением/полями [дубликат] ⇐ Html

[Anonymous]

Я div с классом «social-icons». Это контейнер для моего списка ul между моими li. Я вижу заполнение, от которого не могу избавиться.

Смотрите прикрепленный скриншот. Я пробовал много вещей, чтобы избавиться от этой проблемы, я даже установил класс для своих изображений и установил поля и отступы на 0 с помощью CSS.

Заранее спасибо за вашу помощь.

Код: Выделить всё

.social-icons {
float: right;
width: auto;
height: 24px;
padding: 0;
margin: 13px 0 0 80px;
background-color: black;
}

.social-icons ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.social-icons ul li {
display: inline;
margin: 0;
padding: 0;
}

.social-icon {
margin: 0;
padding: 0;
}

Код: Выделить всё

[list]
[*][url=#]
[img]images/Twitter.png[/img]
[/url]
[*][url=#]
[img]images/Facebook.png[/img]
[/url]
[*][url=#]
[img]images/Google-plus.png[/img]
[/url]
[/list]

Подробнее здесь: https://stackoverflow.com/questions/338 ... rgin-issue