title: space between divs in html5 document
body: <p>my question is simple. how can i remove the space between div tags?</p>
  
  <p>this is my html document:</p>
  
  <pre><code>&lt;div class="nav"&gt;
      &lt;div&gt;option 1&lt;/div&gt;
      &lt;div&gt;option 2&lt;/div&gt;
      &lt;div&gt;option 3&lt;/div&gt;
      &lt;div&gt;option 4&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the css</p>
  
  <pre><code>div.nav {
      border:1px solid;
  }
  
  div.nav &gt; div {
      display:inline-block;
      background-color: #CCC;
      padding: 10px;
      margin:0
  }
  </code></pre>
  
  <p>here is the fiddle where you can see this
  <a href="http://jsfiddle.net/dmsf/7Szjw/3/" rel="nofollow">http://jsfiddle.net/dmsf/7Szjw/3/</a></p>
  
  <p>the doctime is html5
  </p>