title: Generate "table" with <div>
body: <p>I'd like generate the representation below by <code>&lt;div&gt;</code>. The constraints :</p>
  
  <ul>
  <li>the full size = 100%</li>
  <li>the first + second column = 50%, the 3rd + 4th column = 50%</li>
  <li>the first column is smaller than the second, the second take "the rest of the place", same for column 3 and 4 :)</li>
  <li>the 3rd lines, combines 2 cells</li>
  <li>the last line combine 4 cells</li>
  <li>don't worry about the color :)</li>
  </ul>
  
  <p>PS : no debate table vs div ;-)</p>
  
  <p><img src="https://i.stack.imgur.com/u4jgW.png" alt="alt text"></p>