css - space between divs in html5 document -

my question simple. how can remove space between div tags?

this html document:

<div class="nav">     <div>option 1</div>     <div>option 2</div>     <div>option 3</div>     <div>option 4</div> </div> 

and css

div.nav {     border:1px solid; }  div.nav > div {     display:inline-block;     background-color: #ccc;     padding: 10px;     margin:0 } 

here fiddle can see http://jsfiddle.net/dmsf/7szjw/3/

the doctime html5

try this

<div class="nav">     <div>option 1</div><div>option 2</div><div>option 3</div><div>option 4</div> </div>