title: How to remove page margin
body: <p>the space is display between page margin and nevigation bar, So how to delete this space</p>
  
  <p><strong>css code</strong></p>
  
  <p></p>
  
  <pre><code>#topnav ul
  {
  
      list-style-type:none;
      margin:0;
      padding:0;
  
      overflow:hidden;
  }
  
  #topnav li
  {   
  
      float:left;
      display:inline;
  
  
  
  }
  
  
  
  #topnav a:link,
  #topnav a:visited
  {
      display:inline-block;
      width:110px;
      font-weight:bold;
      font-family:calibri;
  
      color:#FFFFFF;
      background-color:#98bf21;
      text-align:center;
      padding:3px;
      text-decoration:none;
      text-transform:uppercase;
  }
  
  #topnav a:hover,
  #topnav a:active
  {
      background-color:#7A991A;
  }
  </code></pre>
  
  <p>html code</p>
  
  <pre><code>&lt;ul id="topnav"&gt;
      &lt;li id="topnav"&gt;&lt;a  href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li id="topnav"&gt;&lt;a  href="#news"&gt;OPD&lt;/a&gt;&lt;/li&gt;
      &lt;li id="topnav"&gt;&lt;a  href="#news"&gt;IPD&lt;/a&gt;&lt;/li&gt;
      &lt;li id="topnav"&gt;&lt;a  href="#news"&gt;Infrastucture&lt;/a&gt;&lt;/li&gt;
      &lt;li id="topnav"&gt;&lt;a  href="#news"&gt;Gallery&lt;/a&gt;&lt;/li&gt;
      &lt;li id="topnav"&gt;&lt;a  href="#news"&gt;Media&lt;/a&gt;&lt;/li&gt;
      &lt;li id="topnav"&gt;&lt;a  href="#contact"&gt;Site Map&lt;/a&gt;&lt;/li&gt;
      &lt;li id="topnav"&gt;&lt;a  href="#about"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li id="topnav"&gt;&lt;a  href="#about"&gt;Nursing&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>