title: Remove margins in HTML5
body: <p>I can't remove the margins up, down, left and right frmo tag . What am I doing wrong?</p>
  
  <p><strong>HTML5</strong>
  You can access to the code in these address: <a href="http://www.demo31.com/validacion/personal" rel="nofollow">http://www.demo31.com/validacion/personal</a></p>
  
  <p><strong>CSS</strong></p>
  
  <pre>
  
      @CHARSET "utf-8";
  
  
      /* Makeshift CSS Reset */  
      *{  
          margin: 0 auto;  
          padding: 0 auto;  
      }  
  
      /* Tell the browser to render HTML 5 elements as block */  
      header, footer, aside, nav, article, section{  
          display: block;  
      } 
  
      html, body{
          margin: 0 auto;
          padding: 0 auto;
          font-family: Calibri, Verdana, Helvetica, Tahoma, Sans-Serif;
          text-align: justify;
          font-size: 66%;
          background-color: #1d293f;
          top: 0px;
          font-size-adjust: none;
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          font-height: normal;
      }
  
      header, h1{
          margin: 0 auto;
          padding: 0;
          border: 0;
          /*margin: -7px -1px -4px -1px;*/
          overflow: hidden; /*Remove top-margin page*/
      }
  
      header{
          width: 80%;
          background-color: #fbf585;
      }
  
      section{
          margin: 0 auto;
          padding: 0 auto;
          width: 80%;
          background-color: #ffffff;  
      }
      section > h1{
          width: 80%;
          background-color: #CCCCCC;
          border-spacing: 0px;
          font-size: 10em;        
          letter-spacing: 0.25em;
          text-align: left;
      }
  
  </pre>