Вам нужно обнулить поля на h3 или p.
<html>
<div style="width:200px;">
<div style="background:red;height:5px"></div>
<div style="background:yellow">
<h3 style="margin:0px;">Magnets?</h3>
</div>
<div style="background:green;height:5px"></div>
</div>
</html>
Если вы хотите оставить поле на h3 и других элементах, вам нужно решить проблему полей элементов внутри div-коллапса Есть несколько способов исправить это:
- Добавить границу в div
- Добавление границы 1px в div
- Удалите поле из элемента и вместо этого добавьте его в div.
Следующая ссылка предоставляет дополнительную информацию:
http://www.complexspiral.com/publications/uncollapsing-margins/