JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="row">
      <div class="col-md-8 brd">
        <div class="content" style="width:50%">
            test test test <br>
            test test test <br>
            test test test <br>
            test test test <br>
            test test test <br>
            test test test <br>
            test test test <br>
            test test test <br>
            test test test <br>
                            </div>       
        <div class="content back-clr">
            this is second div
        </div>  
      </div>          
    </div>

CSS

.brd{
    border:1px solid grey;
    display: flex;
  }
.content{
    float: left;
    width:50%;
}
 .back-clr{
    background-color: red;
 }