Why adds extra top margin?

Question

I have a simple html page with some style in it and I do not understand why the adds some top margin?

Here is the source:

Answer 1

as per this question Browsers' default CSS stylesheets

add *{margin:0; padding:0;} which will remove default margin and padding given by browsers

or you can also use reset.css

* {
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  background-color: #ffffcc;
}
#content {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  border: 0;
  background-color: #ccccff;
}

  

    

      
xxx
      
      
yyy
      
      
zzz