Question: 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.

```css
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;
}
```

```html
<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/>
add `margin:0;` for both `p` and `h3`

```css
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;
}
h3, p{
  margin:0;
  }
```

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