列表项选项无法正确显示

Question

我想知道你是否可以帮助我。

我想显示列表项但发生了2个问题。

1. 列表项应替换为V图像而不是普通项目

2. 列表项目显示在3列中，但第一列中的第一项略有下移。

我的HTML代码

<div id="box2" class="features">
  <ul>
    <li>Smoking Policy</li>
    <li>Business Center</li>
    <li>Doctor</li>
    <li>Free Wifi</li>
    <li>Pets Allowed</li>
  </ul>
</div>

.features{
position:relative;
float:left;
width: 90%;
height: auto;
margin: 1% 0 0 2%;
border-radius:5px;
padding: 0% 1% 0% 1%;
font-size: 12px;
border: solid 1px #D41717;
-webkit-column-count: 3;
   -moz-column-count: 3;
        column-count: 3;}

.features ul img{width: inherit;}
.features ul li{list-style-image: url('images/v-list.png');}
.features li {
display: block;
padding-bottom: 10px;
}

见图 enter image description here

帮助将不胜感激

THX 乔恩

Answer 1

我认为问题来自你的风格display: block。 list-style-image ul ul > li {{1}} {{1}} {j}} {{1}}