更改 CSS 样式列表中的项目符号 [重复]

Question

我正在尝试在我的<ul> 中实现这种风格：

我在 CSS 中使用了 list-style-image，但是，我能够在图像后对齐文本。我怎样才能做到这一点？这是当前输出的图片：

这是我的代码：

#engineering-features {
  li {
    list-style-image: url(../img/engineering/li.png);
    font-size: 1.2rem;
  }
}

堆栈溢出中有a similar question，该问题中最受好评的解决方案没有解决我的问题。

Answer 1

使用一些填充和行高： 根据您的布局更改我的值。

li {
    list-style-image: url(../img/engineering/li.png);
    font-size: 1.2rem;
    padding-left: 30px;
    line-height: 31px;
  }