Box model


This doesn’t pertain to a particular exercise problem. But, while going through the box model exercise, I started messing around with the ‘#banner .content h1’ element. And If I take off the relative positioning rule, the h1 element floats to the top of it’s parent element and stays there no matter how much top margin I place on it. Now, I’ve read vertical margins collapse when in-line and don’t add up when stacked. So, may be something about that is coming into play here but can somebody please explain to me what’s going on here?
Thank you.


Post the URL of the exercise page and we can take a look.


Here’s the link to that exercise:
Thank you