title: Layout with divs instead of table
body: <p>I'm wondering what way would be best in replacing the table-layout to divs. I've been trying some myself but it messed up my 4x4 divs very much. I'm guessing this isn't very hard to accomplish when having the experience to do such things but I'm all new to divs and trying to learn this :)</p>
  
  <p>Take a look at this and share your opinions on if the table should stay as it is or if it should be replaced with divs: <a href="http://jsfiddle.net/CZdux/" rel="nofollow">http://jsfiddle.net/CZdux/</a></p>
  
  <pre><code>&lt;table align="center" border="0"&gt;
    &lt;tr&gt;
      &lt;td width="430" rowspan="3"&gt;    
          &lt;div class="container"&gt;
              &lt;div id="a1" class="card"&gt;&lt;/div&gt;
              &lt;div id="a2" class="card"&gt;&lt;/div&gt;
              &lt;div id="a3" class="card"&gt;&lt;/div&gt;
              &lt;div id="a4" class="card"&gt;&lt;/div&gt;
              &lt;div id="a5" class="card"&gt;&lt;/div&gt;
              &lt;div id="a6" class="card"&gt;&lt;/div&gt;
              &lt;div id="a7" class="card"&gt;&lt;/div&gt;
              &lt;div id="a8" class="card"&gt;&lt;/div&gt;
              &lt;div id="a9" class="card"&gt;&lt;/div&gt;
              &lt;div id="a10" class="card"&gt;&lt;/div&gt;
              &lt;div id="a11" class="card"&gt;&lt;/div&gt;
              &lt;div id="a12" class="card"&gt;&lt;/div&gt;
              &lt;div id="a13" class="card"&gt;&lt;/div&gt;
              &lt;div id="a14" class="card"&gt;&lt;/div&gt;
              &lt;div id="a15" class="card"&gt;&lt;/div&gt;
              &lt;div id="a16" class="card"&gt;&lt;/div&gt;
          &lt;/div&gt;   
      &lt;/td&gt;
      &lt;td width="161" height="95" align="center" valign="middle"&gt;LOGO&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
  </code></pre>