Какой CSS получит две кнопки для выравнивания, соответственно, слева и справа от ячейки таблицы с 3 кольспанами?

Question

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

<table>

  <tr>
    <td>short text</td>
    <td>long long long text</td>
    <td>short text</td>
  </tr>

  <tr>
    <td colspan='3'>
      <button id='leftbutton'/>
      <button id='rightbutton'/>
   </td>
  </tr>

</table>

Какие стили CSS я должен применить, чтобы мои кнопки выглядели так:

-----------------------------------------------------------------
|short text       |      long long long text     |  short text  |
-----------------------------------------------------------------
| button left     |                              | button right |
-----------------------------------------------------------------

вместо текущего макета:

-----------------------------------------------------------------
|short text       |      long long long text     |  short text  |
-----------------------------------------------------------------
|button left|button right|
-----------------------------------------------------------------

Answer 1

Это не так:

#leftbutton { float: left; }
#rightbutton { float: right; }

Рабочий пример здесь: http://jsfiddle.net/KvWT2/

Answer 2

float: left и float: right

вы можете использовать встроенный CSS для этого: а также

вот учебник: http://css.maxdesign.com.au/floatutorial/

Answer 3

Вы пробовали #rightbutton { float: right; }?

Редактировать: охотник победил меня!