在无序列表中插入图像而不是项目符号

Question

我有以下代码:

     <div class="extra-details">
                               <ul class="browse-product-usp">

                               <li>
                                <span class="text">
                                    Dimension: 11x11 inch
                                </span>
                              </li>

                            <li>
                                <span class="text">
                                    Paper Depth: 285 gsm
                                </span>
                            </li>

                    </ul>
            </div>

这在浏览器中看如下:

我的CSS如下:

    .text {
              color:#333;
              font-family: Helvetica, Arial, sans-serif;

  }

当我把下面的代码:

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

它扭曲了我的文字从iimage线.请帮忙

我希望箭头和文字在同一行.

Answer 1

试试这个;

ul {
    list-style-image:url('image.gif');
}