html - テーブル セル (td) 内に要素を配置して、1 つの要素を左揃えにし、もう 1 つの要素を右揃えにする方法を教えてください。

Question

以下のhtmlコードを考えると：

<tr>
   <td>Some text <a href="">Some link</a> <button>Some Button</button></td>
</tr> 

私はこのようなことを達成したいと思います:

div をラップして 1 つを左に、もう 1 つを右にフロートさせるなど、追加のマークアップを追加する必要がありますか? td 内の要素を垂直方向に揃える必要もあります。

最小限の追加マークアップでこれを達成するための最良の方法は何でしょうか.

ここにサンプルコードがあります: http://jsfiddle.net/stormwild/AAw78/17/

関連する問題は、1 つのセルにフローティング要素が含まれている場合に、テーブル セル間でテキストの配置を一貫させる方法です。

Answer 1

CSS:td button { float: right; }

並べ替えました。

Answer 2

こんにちは、ボタンのフロート要素に与えます

<button style="float:right;">Some Button</button>

デモ

また

<button class="fr">Some button</button>

CSS

.fr{
float:right;
}