title: Create a table out of Divs
body: <p>I failed to make complex tables out of div's
  the max thing is this way .
  <a href="http://snook.ca/archives/html_and_css/getting_your_di" rel="nofollow">http://snook.ca/archives/html_and_css/getting_your_di</a> </p>
  
  <p>but it help only in simple tables </p>
  
  <p>So can anyone make this as div's :</p>
  
  <pre><code>&lt;html&gt; &lt;head&gt; &lt;style&gt; td { TEXT-ALIGN: center; PADDING: .25em; } &lt;/style&gt; &lt;/head&gt; 
  &lt;body&gt; 
  &lt;table width="205" border="1" cellpadding="0" cellspacing="0"&gt; 
  &lt;tr&gt; 
  &lt;td colspan="3" &gt;1&lt;/td&gt;&lt;td width="14%" colspan="2" rowspan="2"&gt;2&lt;/td&gt;
  &lt;/tr&gt;
  &lt;td width="15%"&gt;3&lt;/td&gt;  &lt;td width="16%"&gt;4&lt;/td&gt;  &lt;td width="18%"&gt;5&lt;/td&gt;  
  &lt;/tr&gt; 
  &lt;tr&gt; 
  &lt;td height="42" &gt;6&lt;/td&gt; &lt;td height="42" &gt;6.1&lt;/td&gt;  &lt;td &gt;7&lt;/td&gt;  &lt;td &gt;7.1&lt;/td&gt; &lt;td &gt;7.2&lt;/td&gt; 
  &lt;/tr&gt; 
  &lt;tr&gt; 
  &lt;td height="42" &gt;6&lt;/td&gt; &lt;td height="42" &gt;6.1&lt;/td&gt;  &lt;td &gt;7&lt;/td&gt;  &lt;td &gt;7.1&lt;/td&gt; &lt;td &gt;7.2&lt;/td&gt; 
  &lt;/tr&gt; 
  
  &lt;/table&gt; 
  &lt;/body&gt; 
  &lt;/html&gt; 
  </code></pre>