css - td 内の 2 つのスパンを整列 - 1 つの左と 1 つの右

Question

私はテーブルを持っています。td の内部には、2 つのスパン タグがあります。1 つのスパン タグは左に揃え、もう 1 つは右に揃えたいのですが、td ではそれが許可されていません。

<table>
  <tr>
    <td colspan="5"><span>$</span><span>1000</span></td>
  </tr>
</table>

したがって、$をtd の左端に配置し、 1000を td の右端に配置する必要があります。

それは可能ですか？

Answer 1

最も簡単な方法は、最初のものを左に、2 番目のものを右にフロートすることです。

http://jsfiddle.net/L3QU2/1/

<table width="100%">
  <tr>
    <td colspan="5">
      <span style="float:left">$</span>
      <span style="float:right">1000</span></td>
  </tr>
</table>