超大时自定义子弹图像向上浮动

Question

我正在尝试将星形图像用于<li>元素上的自定义项目符号点。我遇到的问题是图像的底部始终位于字体的底部，因此图像会被推高。有没有办法解决这个问题，或者我是否只需要解决它并使用css背景图像？

ul.features-list {
    list-style-image: url('../assets/star-bullet.svg');
    margin-left: 10px;
}

.features-item {
    font-size: 36px;
}

思考？建议？

Answer 1

您可以将子弹图像用作Background-image

的li

以下是工作演示：http://codepen.io/anon/pen/bjJtC

Answer 2

如果您不想使用Background-image，请尝试以下方法：

  

http://codepen.io/anon/pen/Lwaky