I have such a table:
<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>
This code puts two buttons to the end of cell, but one of them is in up and other one is down.
If I change to this, buttons are on same line but buttons are put in the beginning of third lines. But I need it to appear in the end of third line. How can I fix this?
<div style="display: inline" class="addthis_toolbox addthis_default_style ">
Edit: this is addthis's script: http://s7.addthis.com/js/250/addthis_widget.js
It includes this css: http://s7.addthis.com/static/r07/counter002.css
Css has following code inside:
.addthis_default_style .addthis_counter {
display:block;
float:left;
}
Edit2: I updated to "display: inline; float:right;". Result is this:
Try adding the float:right;
style in the addthis_toolbox
class.
This fiddle shows what applying this style accomplishes.
EDIT
Since you were using the AddThis widget I updated the fiddle to use that same widget and added the following CSS style change:
.addthis_toolbox {
float: right;
width: 50px;
}