JSFiddle - React, Tailwind, and code Playground

by prashusuri

HTML

<!DOCTYPE html>
<html>
  <head><title>Sample</title></head>
  <body>
    <div class="div1">
      <div class="div2">
        Div2 starts <br /><br /><br /><br /><br /><br /><br />
        Div2 ends
      </div>
      <div class="div3">
        Div3
      </div>
    </div>
  </body>
</html>

CSS

.div1 {
  width:300px;
  height: auto;
  background-color: grey;  
  border:1px solid;
  overflow:auto;
}
.div2 {
  width:150px;
  height:auto;
  background-color: #F4A460;  
  float:left;
}
.div3 {
  width:150px;
  height:auto;
  background-color: #FFFFE0;  
  float:right;
}