0

箇条書きとして使用する画像が横にある定義リストがありますが、箇条書きを揃える方法がわかりません。私はそれらを途切れさせたくないので、リストを作成しようとしましたが、画像はそのように弾丸として機能しません-

 <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>
4

2 に答える 2

2

これには順序なしリストが必要です。<ul> ... <li> list item </li> ... </ul>

カスタムの箇条書きを使用する場合は、次の CSS を使用します。

ul {
    list-style-image: url('img/bullet.png');
}
于 2015-08-14T19:35:43.403 に答える