html - 我的网站是为响应式网站编码的，但不是

Question

我有一个定义列表，旁边有图像用作项目符号 - 但我不知道如何对齐项目符号。我不希望它们波涛汹涌，我试图做一个列表，但图像不会像子弹那样工作 -

 <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

你想要一个无序列表：<ul> ... <li> list item </li> ... </ul>

如果要使用自定义项目符号，请使用以下 CSS：

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

Answer 2

您可能应该为此使用 CSS。您也不想为此使用描述列表 (<dl>)，您需要一个无序列表 (<ul>)。

请参阅本教程http://www.w3schools.com/CSS/css_list.asp了解如何设置 CSS 以使用您的 bullet.png 作为列表的项目符号。