title: How to separate a table cell into two equal parts with different background via css?
body: <p><img src="https://i.stack.imgur.com/xCpEY.png" alt="enter image description here"></p>
  
  <p>I have a 2x2 html table. In one of the fields of the table I have two subfields. Both of those subfields are supposed to take together the entire area of the table cell. </p>
  
  <p>Is there a straightforward result to achieve this via CSS?</p>