Tabelle und floating

Question

Ich habe Probleme mit Floating-Header in der Tabelle. Meine Kopfzeile sollte colspan="2" sein, aber wenn ich float:left auf das Td-Element "Header" setze, Colspan aufhören zu arbeiten. Ich möchte etwas wie folgt aus:

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

Aber ich bekomme diese:

Mein Code:

<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

Verwenden float:left nicht, verwenden text-align: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.