JqueryUI - 手風琴。在一條線上顯示

Question

我使用JqueryUI手風琴，效果很好。 我有這樣的結構：

 <div id="accordionHolder">     
      <div id="accordionOne"> </div> 
      <div id="accordionTwo"> </div> 
      <div id="accordionThree"> </div> 
      <div id="accordionFour"> </div> 
      <div id="accordionFive"> </div> 
      <div id="accordionSix"> </div> 
     </div> 

這顯示verticaly。手風琴的規模並不大。我怎樣才能顯示兩到三個手風琴？

事情是這個項目真的很大，我插入一個功能。我不敢碰CSS（在任何情況下都不是專家）。 我有我的頁面，裏面有一個容器。我可以在那裏定義我自己的規則。

我已經嘗試將主div設置爲float-left並顯示：inline ...但沒有太大的成功。

我該如何做到這一點？

當我使用：float-left在手風琴上時，它們不再顯示。就像他們消失了一樣。只要我移開左邊的浮球，它們就會再次出現。

圖片顯示了我想要實現：

我嘗試了不同的div的渲染手風琴，但是使它時：浮動離開，同樣的事情發生。它「進入」前一個。 我試着用填充移動它們，但是得到了有限的結果。採用這種方法的Probelm是當一個手風琴展開其他下移時，即使它們被水平疊放。

我runinng出出主意:(

Answer 1

手風琴的div accordionOne - > accordionSix應該有CSS display:inline-block; 這會讓他們水平排隊

。