JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div id="all">
  <div class="tengah">yy</div>
  
  
  <div class="kiri">haha
  </div>
  
  <div class="kanan">haha</div>
  </div>

CSS

#all{
  width:100%;
  border:5px solid orange;
}

.tengah{
  background-color:yellow;
}

.kiri{
  width:50%;
  background-color:blue;
  display:inline-block;
  float:left;
}

.kanan{
  width:50%;
  background-color:green;
}