пространство между divs в html5 документ

Question

мой вопрос прост. как я могу удалить пространство между тегами div?

это мой HTML документ:

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

и CSS

div.nav { 
    border:1px solid; 
} 

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

вот скрипку, где вы можете увидеть это http://jsfiddle.net/dmsf/7Szjw/3/

doctime является html5

Answer 1

попробуйте

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

Answer 2

Вы должны добавить float: left; в div.nav> DIV так:

div.nav { 
    border:1px solid; 
} 

div.nav > div { 
    display:inline-block; 
    background-color: #CCC; 
    padding: 10px; 
    margin:0; 
    float: left; 
}