Почему есть маржа вокруг тегов HR и IMG? ⇐ CSS

[Anonymous]

Я пытаюсь удалить пробелы вокруг тегов HR и IMG, мне еще не повезло, вот JSFiddle.
Может ли кто -нибудь показать мне, как это сделать? Стоит ли вместо этого использовать Div? Кто -нибудь может сказать мне, какой из них лучший вариант. Извините за короткий вопрос. < /P>
Некоторый код: < /p>

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

[img]https://i.sstatic.net/M6U3Oodp.png[/img]




img.banner {
height: 200px;
width: 100%;
}
hr.line {
background-color: red;
color: red;
height: 20px;
}
.margin_padding {
margin: 0px;
padding: 0px;
}

Изменить:
Границы имеют размер границы по умолчанию, о котором я забыл, и изображение должно отображаться блок

Подробнее здесь: https://stackoverflow.com/questions/235 ... d-img-tags