li中没有相同的内容和子弹高度

Question

我有一个清单

<ul class="styled-list">
  <li>some text</li>
</ul>

然后我有css

.styled-list-arrow li:before {
    font-family: 'Material Icons';
    font-size: small;
    content: "\e315";
    margin-left: -1.4em;
    width: 1.3em;
}

一切正常，但有一个问题是，li内容与li bullet的高度不同。我不知道哪里可以成为问题。

---------- --------------编辑

我需要移动一点子弹

Answer 1

将此代码添加到：before伪元素：

vertical-align: bottom;

另请注意您的班级名称。你有'styled-list'和'styled-list-arrow li'