html - 用于此代码的div内联标签

我有这样一张桌子：

<table>
    <tr>
        <td>
            My text which consists of three lines.
            Where I write some tips tricks and some news.
            Which is important.
            <div style="display: inline-block" class="addthis_toolbox addthis_default_style ">
                <a class="addthis_button_preferred_1"></a>
                <a class="addthis_button_preferred_2"></a>
            </div>
        <td>
    </tr>
</table>​

这段代码将两个按钮放在单元格的末尾，但其中一个在向上，另一个在向下。
如果我改成这个，按钮在同一行，但按钮放在第三行的开头。但我需要它出现在第三行的末尾。我该怎么解决？

<div style="display: inline" class="addthis_toolbox addthis_default_style ">

编辑：这是addthis的脚本：http://s7.addthis.com/js/250/addthis_widget.js
它包括这个css：http://s7.addthis.com/static/r07/counter002.css
Css内部有以下代码：

.addthis_default_style .addthis_counter {
    display:block;
    float:left;
}

Edit2:I更新为“display:inline；float:right；”。结果是：

最佳答案

尝试在float:right;类中添加addthis_toolbox样式。
这个fiddle显示了应用这个样式可以实现什么。
编辑
因为您使用的是AddThis小部件，所以我更新了fiddle以使用相同的小部件，并添加了以下CSS样式更改：

.addthis_toolbox {
    float: right;
    width: 50px;
}

关于html - 用于此代码的div内联标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11906877/