css - 水平对齐具有不同尺寸的div

Question

我有一个不同字体大小的标签云。

<div>
    <a style="font-size:15px;">tag1</a>
    <a style="font-size:10px;">tag1</a>
</div>

它看起来像这样:

alt text http://img69.imageshack.us/img69/5120/49274398.gif

现在我需要将每个标签包装到它自己的 div 中:

    <style>
        .cloud {float:left}
        .tag {float:left}
    </style>
    <div class="cloud">
        <div class="tag"><a style="font-size:15px;">tag1</a></div>
        <div class="tag"><a style="font-size:10px;">tag1</a></div>
    </div>

这让他们无处不在。如何让它们看起来像第一张图片？

alt text http://img26.imageshack.us/img26/7355/12644278.gif

更新:这是我为 .tag 设置固定高度时的样子: alt text http://img710.imageshack.us/img710/3385/59552565.gif

Answer 1

替换

.tag {float:left}

通过

.tag {display: inline}

或者是否有其他原因导致您 float 所有标签？