htmlcsshtml-tableaddthis

div inline tag for Addthis code


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: result of cell


Solution

  • 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;
    }