css - html5 ドキュメントの div 間のスペース

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;
}