JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
  <div id="left">
     <div id="object1"></div>
     <div id="object2"></div>
  </div>

  <div id="right">
     <div id="object3"></div>
     <div id="object4"></div>
  </div>
</div>

CSS

#content {
   background-color: maroon;
   font-size: 0;
   width: 500px;
   height: 500px;
   padding: 20px;
}

#left, #right {
    display: inline-block;
    box-sizing: border-box;
    width: 45%;
    height: 100%;
}

#left {
    background-color: blue;
    margin-right: 50px;
}

#right {
    background-color: green;
}