テーブルとフローティング

Question

テーブルのフローティングヘッダーに問題があります。私のヘッダはcolspan="2"でなければなりませんが、float:leftをtd要素の "header"に設定すると、colspanは動作を停止します。私はこのような何かしたい：

+-------------------------------------------------+ 
|Header headher header header      | 
+-------------------------------------------------+ 
|Something  | Something      | 
+-------------------------------------------------+ 

をしかし、私はこの取得：

マイコード：

<table border="1"> 
    <thead> 
     <tr> 
      <th colspan="2" style="float: left;">Header header</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Something</td> 
      <td>Something</td> 
     </tr> 


    </tbody> 
</table> 

Answer 1

text-align:leftを使用し、float:leftを使用しないでくださいを。

<table border="1"> 
    <thead> 
     <tr> 
      <th colspan="2" style="text-align: left;">Header header</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>Something</td> 
      <td>Something</td> 
     </tr> 

    </tbody> 
</table> 

jsFiddle example。