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

时间:2016-07-18 19:27:14

标签: html css html-lists

我有一个清单

<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的高度不同。我不知道哪里可以成为问题。

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

我需要移动一点子弹

1 个答案:

答案 0 :(得分:1)

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

vertical-align: bottom;

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