Question

我想创建一个看起来像这样的列表：

--- Item --------------- Item2 ... etc（破折号仅用于stackoverflow上的间距）

- subitem ---------- -subitem2

我知道我可以使用以下语法创建子列表：

         <html>
          <ul> 
            <li>Item
                <ul> 
                   <li>subitem</li>
                </ul>
             </li>
             <li>Item2
                <ul> 
                   <li>subitem2</li>
                </ul>
             </li>
           </ul>
          </html>

但我如何设计它们以满足我的愿望呢？我通常很擅长CSS但我不得不承认我不经常使用列表所以我在设计它们时有点困惑。你能帮帮我吗？

Answer 1

ul li{
    display:inline-block;
    margin-right:20px;
}
ul ul{
    padding-left: 0;
}
ul ul li{
    display:block;
    margin:0;
}

http://jsfiddle.net/nXW56/12/

在水平列表html + css中创建一个垂直列表

1 个答案: