JqueryUI - 手风琴。显示在一行中

Question

我使用JqueryUI Accordion，效果很好。 我有这样的结构：

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

这是垂直显示的。手风琴的尺寸并不大。如何在线显示两三支手风琴？

事情是这个项目真的很大，我正在插入一个功能。我不敢触摸CSS（在任何情况下都不是专家）。 我有我的页面，里面有一个容器。我可以在那里定义自己的规则。

我尝试将主div设置为float-left并显示：inline ...但没有太大成功。

我该如何做到这一点？

当我在手风琴上使用：float-left时，它们不再显示。就像他们消失一样。一旦我移除浮动左侧，它们就会再次出现。

图片展示了我想要实现的目标：

我尝试在不同的div上渲染手风琴，但是在制作它时：Float-left，同样的事情发生了。它“进入”前一个。 我尝试用填充物移动它们，但是有了lmited结果。使用这种方法的Probelm就是当一个手风琴被展开时，其他的手风琴向下移动，即使它们是水平堆叠的。

我出于想法:(

Answer 1

手风琴divs accordionOne - ＆gt; accordionSix应该有css display:inline-block; 这将使它们水平排列。