hi, this is probably a very common problem with a simple answer, but this is my first CSS site and I can't seem to think of the right search criteria in order to get the answer I need!
Basically, I've got some boxes with rounded corners, so they consist of a top div for the top of the box, a middle div for the content, a bottom div for the bottom of the box, and a container wrapping around the whole thing. The thing is, when I put a header tag on the text in the content div, it creates a massive gap between the top image div and the content div. I'll show you what I mean.
This is how it should look. I've styled the text this way by seting the text format of the div, rather than using an <h> tag.
However, this is what happens when I use header tags
As you can see, it also does this with the lists. I'm pulling my hair out trying to work it out!