встроенный тег div для кода Addthis

У меня есть такая таблица:

<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: я обновил до "display: inline; float:right;". Результат такой: результат ячейки


html css html-table addthis
person trante    schedule 10.08.2012    source источник
comment
Пожалуйста, добавьте CSS, связанный с классами, которые вы включили в HTML выше. Таким образом мы видим, какое поведение добавляет CSS.   -  person juan.facorro    schedule 10.08.2012
comment
@juan.facorro обновил вопрос.   -  person trante    schedule 10.08.2012
comment
Попробуйте включить только тот CSS, который используется в приведенном выше HTML. Если приведенный выше HTML-код не соответствует тому, с чем вы имеете дело на странице, обновите его. Вы также можете предоставить ссылку на URL-адрес, по которому мы можем увидеть рабочий HTML, если хотите. В противном случае вам очень трудно помочь.   -  person juan.facorro    schedule 10.08.2012
comment
Я только что обновил ответ, чтобы изменить ширину класса div через класс .addthis_toolbox.   -  person juan.facorro    schedule 10.08.2012

Ответы (1)


arrow_upward
2
arrow_downward

Попробуйте добавить стиль float:right; в класс addthis_toolbox.

Эта скрипка показывает, что дает применение этого стиля.

ИЗМЕНИТЬ

Поскольку вы использовали виджет AddThis, я обновил fiddle, чтобы использовать тот же виджет, и добавил следующее изменение стиля CSS:

.addthis_toolbox {
    float: right;
    width: 50px;
}
person juan.facorro    schedule 10.08.2012