html - 見せるタグは 1 行で囲みます

Question

私は を持っていて、 1 つに<table>6 つ以上<div>の sを入れてから、これらの s を一緒に表示するようtdに を変更します。display:inline<div>

しかし、それは最初の行に最大5<div>秒を表示し、最初の行の下の別の行に他のものを表示するだけです!

どこが間違っていますか？

これは私のコードです:

   <tr>
     <td>
        <div id="navigation"> Home </div>
        <div id="navigation"> Item1</div>
        <div id="navigation">  Item2 </div>
        <div id="navigation">  Item3</div>
        <div id="navigation"> Item4  </div>
        <div id="navigation">  Item5 </div>
        <div id="navigation"> Item 6 </div>
        <div id="navigation">   Item 7</div>
     </td >
   </tr>

CSS コード:

#navigation{
    display:inline;
    padding:0px 10px 0px 10px;
}

これはデザイン ビューです。