如何把空格放在一個新的行html5？

Question

我想在這個網站上製作一些東西（http://omotesundo.com/）。請觀看「ACCESS」部分。我怎樣才能與聯繫人信息製作同一張桌子？我正在嘗試使用<ul></ul>元素，但它與該網站上的表格不同。

Answer 1

這裏是一個簡單的例子：

HTML

<ul> 
    <li> 
     <span>Phone<i>:</i></span> 
     <p>1212</p> 
    </li> 

    <li> 
     <span>Adress<i>:</i></span> 
     <p>here herehere here<br> here</p> 
    </li> 
</ul> 

CSS

ul{list-style:none;} 
ul li span{display:block; width:60px; float:left;} 
ul li span i{float:right; font-style: normal;} 
ul li p{margin-left:63px;} 

結果http://jsfiddle.net/vpnypteL/

Answer 2

聯繫人信息是一個圖像。對於行間距，您可以使用 或者你可以使用<pre>Text here</pre>顯示文字，你怎麼寫