我的網站編碼爲響應網站，但它不是

Question

我有一個定義列表旁邊的圖像用作子彈 - 但我不知道如何對齊子彈。我不希望他們波濤洶涌，我已經tryed做一個列表，但圖像不會工作的子彈的方式 -

<dl id="list"> 
    <dd><img src="img/bullet.png" alt="bullet" align="middle" >Resident  Manager On Site</dd> 
    <dd><img src="img/bullet.png">Low Montly Rates</dd> 
    <dd><img src="img/bullet.png">Access 7 Days a Week</dd> 
    <dd><img src="img/bullet.png">8 Sizes Available From 5x5 to 10x30</dd> 
    <dd><img src="img/bullet.png">Free Use of Truck With Move-In</dd> 
    <dd><img src="img/bullet.png">Controlled Entry and Exit Video Surveilance</dd> 
    <dd><img src="img/bullet.png">Fenced and Lighted</dd> 
    <dd><img src="img/bullet.png">Insurance Avaiable</dd> 
    <dd><img src="img/bullet.png">Comercial and Residential Uses</dd> 
    <dd><img src="img/bullet.png">Access 365 Days a Year</dd> 
    <dd><img src="img/bullet.png">Locally Owned and Operated</dd> 
</dl> 

Answer 1

你應該使用CSS這一點。您也不想使用描述列表（<dl>），您需要一個無序列表（<ul>）。

請參閱本教程http://www.w3schools.com/CSS/css_list.asp瞭解如何設置CSS以使用您的bullet.png作爲列表的項目符號。

Answer 2

您想爲這一個無序列表：<ul> ... <li> list item </li> ... </ul>

如果你想使用自定義子彈，使用下面的CSS：

ul { 
    list-style-image: url('img/bullet.png'); 
}