兩列 - 一邊有多條線上的更多信息

Question

我對此有些困惑。

目前有一個表，有兩列。

在左邊我們有一個描述，右邊是一個事實。

左側通常是一條線，但可能會包裹到兩條線上。

右側通常是3,4或更多行。

我該如何使用CSS來代替表格。

很顯然，雙方必須爲每一行信息排隊。

desc1  fact 1 
desc2  fact 2 
      more to fact 2 
desc3  fact 3 

等

Answer 1

喜歡這個？

HTML

<ul class="sublist"> 
    <li>Item 1</li> 
    <li>Description 1</li> 
</ul> 
<ul class="sublist"> 
    <li>Item 2</li> 
    <li>Description 2/Description 2/Description 2/Description 2</li> 
</ul> 
<ul class="sublist"> 
    <li>Item 3</li> 
    <li>Description 3</li> 
</ul> 

CSS

ul.sublist > li { 
    display: inline-block; 
    max-width: 150px; 
    vertical-align: top; 
} 

Demo