title: Building HTML table with nested cells and rows
body: <p>I'm struggling to build the following HTML structure, I tried using <code>&lt;div&gt;</code> but I have a feeling that using <code>&lt;table&gt;</code> is the best fit here.</p>
  <pre><code>    div1    div2            div 3         div4
      9.57%  30.85%          40.43%        19.15%
       __________________________________________
      |   |  CONTROL  |                  |       |
      |   |___________|    DESCRIPTION   |   B   |
      |   | OPTIONAL 1|                  |   A   |
      | C |___________|__________________|   R   |
      | O |           | UNITS |OPTIONAL 4|       |  @c_height
      | D |   IMAGE   |  PER  |__________|   C   |
      | E |           | CARDS |OPTIONAL 5|   O   |
      |   |___________|_______|__________|   D   |
      |   | OPTIONAL 2|  OPTIONAL 3      |   E   |
      |___|___________|__________________|_______|
                    @c_width
  </code></pre>
  <p>When using <code>&lt;div&gt;</code> came to the following fiddle: <a href="https://jsfiddle.net/h2tea4nj/31/" rel="nofollow noreferrer">https://jsfiddle.net/h2tea4nj/31/</a> but the nested cells are tricking me.</p>
  <p>The idea here is to create a HTML template for a PDF file that will contain a lot of product labels to be impressed.</p>
  <p>Would appreciate any help to solve this. Thank you!!</p>