JSFiddle - React, Tailwind, and code Playground

by Asif Sharif Shahid

HTML

<body>

  <div class="container">
    <div class="left">
      blah blah blah
    </div>
    <div class="right">
      this is to the edge
    </div>
  </div>
  
</body>

CSS

.container{
  max-width:500px;
  margin:0 auto;
  background:red;
  height:300px;
  padding:10px 0;
}

.left{
  float:left;
  width:50%;
  height:100%;
  background:green;
}

.right{
  background:blue;
  height:100px;
  float:right;
  width:50%;
 }