html - 使用“ul”和“li”时如何设置垂直对齐？

Question

使用“ul”和“li”时如何设置垂直对齐？

这里每种字体的高度和宽度都相同，所以很难解释。
请参阅下表。
现在有一张关于标签云的表格。

标签的大小实际上不同，“标签：”的底部对齐方式与最大尺寸标签的顶部对齐方式相同。

我想要相反的。最大标签的底部对齐方式应与 in 的底部对齐方式相同tags:。

是否可以？

输出表

th    td

tags: Apple Banana Strawberry Melon Orange Mango 
      Kiwi Pineapple grapefruit 

更新：

我做了DEMO http://jsfiddle.net/vrqe5/

请看一下。

我想将底部对齐设置为相同。
我的意思是字符的底部对齐tags:和第一行 li 标签词。

Answer 1

不确定您的代码，但您可以尝试...

.yourTagClass{
   display: table-cell;
   vertical-alignment: bottom; //or text-bottom
 }

根据您的演示，尝试这些样式

 div.weekly_tag tr{
    display:table-row;
    vertical-align:text-bottom;
 }

 div.weekly_tag th.tag_title{
    width:90px;
 }

 div.weekly_tag th.tag_tags{
    line-height: 25px;
    text-align:left;
 }

 div.weekly_tag li{
    display:inline;
    white-space:nowrap;
 }