多级垂直列表 - >水平列表

Question

       <ul>
         <li>main list
          <ul>
           <li>sub list A
            <ul>
             <li>sub list A-1</li>
             <li>sub list A-2</li>
             <li>sub list A-3</li>
             <li>sub list A-4</li>
             <li>sub list A-5</li>
            </ul>
           </li>
           <li>sub list B
            <ul>
             <li>sub list B-1</li>
             <li>sub list B-2</li>
             <li>sub list B-3</li>
            </ul>
           </li>
           <li>sub list C
            <ul>
             <li>sub list C-1</li>
             <li>sub list C-2</li>
             <li>sub list C-3</li>
            </ul>
           </li>
          </ul>
         </li>
        </ul>

我是韩国人。 所以我说的英语不能很好。 请原谅，即使我不明白我的话。

我有一个清单。 此列表具有垂直结构。 但是我想水平更改它。 为了在水平列表中列出，我该怎么办？ 我只能使用样式表。 ul li {} ul li ul li {} Ul li ul li ul li {} 请像下面的示例一样设计。

主列表 - 子列表A-子列表A-1，子列表A-2，子列表A-3 ..

谢谢。

Answer 1

如果我理解您，您正在寻找这个：

http://jsfiddle.net/robuuust/dxv6c/1/

CSS：ul {display:inline-block}