How do I remove the top margin in a web page?

Question

I have had this problem with every web page I have created. There is always a top margin above the \'main container\' div I use to place my content in the center of the pag

Answer 1

The best way to reset margins for all elements is to use the css asterisk rule.

Add this to the top of your css under the @charset:

* {
   margin: 0px;
   padding: 0px;
}

This will take away all the preset margins and padding with all elements body,h1,h2,p,etc. Now you can make the top or header of your page flush with the browser along with any images or text in other divs.