title: Separating table column into 3 parts
body: <p>I am having problems with dividing my bottom row into 3 parts. I would appreciate some help with this by fixing it or redesigning it.</p>
  
  <p>Html:</p>
  
  <pre><code>&lt;table border="1" cellspacing="0"&gt;
      &lt;tr&gt;
          &lt;td style='width:120px; height:20px;'&gt;Creeper&lt;/td&gt;
  
          &lt;td rowspan="2" style='width:120px; height:120px;'&gt;&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td rowspan="2" style='width:100px;'&gt;Creeper&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td style='width:120px; height:120px;'&gt;&lt;/td&gt;
      &lt;/tr&gt;
  
      &lt;tr&gt;
          &lt;td style='width:40px; height:20px;'&gt;&lt;/td&gt;
  
          &lt;td style='width:80px; height:20px;'&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JSFiddle</p>
  
  <p><a href="http://jsfiddle.net/j76bY/" rel="nofollow">http://jsfiddle.net/j76bY/</a></p>