title: Table and floating
body: <p>I have problems with floating header in table. My header should be <code>colspan="2"</code> but when I set <code>float:left</code> to the td element "header" , colspan stop working. I want something like this:</p>
  
  <pre><code>+-------------------------------------------------+
  |Header headher header header                     |
  +-------------------------------------------------+
  |Something     | Something                        |
  +-------------------------------------------------+
  </code></pre>
  
  <p>But I get this:</p>
  
  <p><img src="https://i.stack.imgur.com/s9qhg.jpg" alt="enter image description here"></p>
  
  <p>My code:</p>
  
  <pre><code>&lt;table border="1"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th colspan="2" style="float: left;"&gt;Header header&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Something&lt;/td&gt;
              &lt;td&gt;Something&lt;/td&gt;
          &lt;/tr&gt;
  
  
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>