Кто-либо может сказать мне, почему ниже CSS производит дополнительное поле ниже изображения? Это должно просто добавить дополнение 5 пкс вокруг всего этого, и это хорошо работает с текстом. Какие-либо идеи?
div#somediv {
margin: 0;
padding: 5px;
}
div#somediv img {
margin: 0;
padding: 0;
}
<div id="somediv">
<img src="someimage.jpg" />
</div>
Попробуйте сделать изображение элемент уровня блока:
div#somediv img
{
display: block;
margin: 0;
padding: 0;
}