css - 在无序列表中插入图像而不是元素符号

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');
}