UI标记内容对齐

时间:2012-03-06 13:37:18

标签: html css

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

0 p咖啡    一些文字
 0茶叶 一些文字
 0 lemonad
一些文字

这里的零是子弹图像,而不是ul的常规子弹。

我的问题是在圆形圆圈之后,“coffe”这个词对齐得很少。我需要从圆形圆圈向上的文字“coffe”。我尝试使用top:0,但它不起作用。提前谢谢。

我尝试了行高:20px和vertical-align:top但是没有帮助:(

2 个答案:

答案 0 :(得分:1)

尝试一些CSS。

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

或者放

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

答案 1 :(得分:1)

您可以使用css调整文字:  line-height: (the height of li)pxvertical-align : top

相关问题