James Banano James Banano - 15 days ago 5
CSS Question

White space below all h tags in div

Here's a JSfiddle of my problem https://jsfiddle.net/d20fo54o/

The space below the h3 tag will not go away. I've tried making padding 0, margin 0, and looking it up.

It's not the div under it either, because if you delete the other div and replace it with anything else the space is still there.



div {
background-color: #1D62F0;
border-radius: 20px;
text-align: center;
width: 600px;
margin: 0 auto;
}
div #list {
background-color: white;
width: 100%;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
div #title {
color: white;
}

<div>
<h3 id='title'>Hello</h3>
<div id='list'>
<p>hello</p>
</div>
</div>




Answer

Adding h3, p { margin: 0 }. Working just fine, see fiddle

https://jsfiddle.net/d20fo54o/1/