title: colspan wont work when table floating left
body: <p>I would like to have a colspan in my table which have this css. </p>
  
  <pre><code> tr { display: block; float: left; }
   th, td { display: block; border: 1px solid black; }
  </code></pre>
  
  <p>I have tried colspan and rowspan but it only cover 1 column what ever value i give it. </p>
  
  <p>here is my fiddle: <a href="https://jsfiddle.net/proabid/04rebu95/2/" rel="nofollow noreferrer">https://jsfiddle.net/proabid/04rebu95/2/</a></p>