創建一個垂直列表內水平列表HTML + CSS

我想創建一個列表，這將是這個樣子：創建一個垂直列表內水平列表HTML + CSS

---項目---------------項目2 ...等（破折號僅供間距在計算器）

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

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

我知道我可以使用以下語法創建子列表：

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

但我怎樣才能讓他們滿足我的願望？我通常很擅長css，但是我不得不承認，我不經常使用列表，所以在設計樣式時我有點困惑。你能幫我嗎？

來源

2013-11-23 SpiderLinked

這是你想要的？ http://jsbin.com/ocimu – San

一般....是的 – SpiderLinked

只做2列.. –

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/

來源

2013-11-23 17:57:02

創建一個垂直列表內水平列表HTML + CSS

回答

相關問題