HTML上市的產品性能

Question

我想列出像下面這樣的產品特性：

屬性1：項目

房產2：項目

房產3：項目

地產4432：項目

注意，「項目」啓動類型的縮進。

我知道這是可以使用表格和申報單來完成。然而，他們似乎對我有點矯枉過正。有人能告訴我這是如何普遍實施的嗎？

在此先感謝！

Answer 1

的定義列表將在這裏是合適的：

<dl> 
    <dt>Property</dt> 
    <dd>The related item</dd> 
    <dt>Property2 </dt> 
    <dd>The second related item</dd> 
</dl> 

爲了讓這個列表顯示完全按照你顯示你的問題請使用以下的CSS：

dl dt { 
    float: left; 
    margin: 0 10px 0 0; 
} 

dl dd + dt, dl dd + dd { 
    clear: left 
} 

dl dd + dd { 
    float: none 
} 

想在這裏看到的jsfiddle：http://jsfiddle.net/Jolora/N5Zkd/

或者一個簡單的無序列表會產生更乾淨的代碼雖然少一些語義：

個

<ul> 
    <li>Property <span>The related item</span></li> 
    <li>Property 2 <span>The related item</span></li> 
</ul> 

跨度標籤允許您添加CSS應用縮進。如果不需要超過一個空格縮進，則刪除span標籤。