html - ul标签内容对齐

Question

我有一个类似这样的 ul 列表

0咖啡
一些文字
0茶
一些文字
0 柠檬水
一些文字

这里的零是元素符号图像，而不是 ul 的常规元素符号。

我的问题是圆 Angular 后面的单词“coffe”稍微向下对齐。我需要从圆圈向上一点的文字“咖啡”。我尝试使用 top:0 ，但它不起作用。提前致谢。

我尝试了 line-height :20px 和 vertical-align : top 但这没有帮助 :(

Answer 1

尝试一些 CSS。

ul li {
   line-height: 2.0em;
   vertical-align:top;
}

或放

<li style="line-height: 2.0em; vertical-align:top;">Coffee</li>