JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box" >
  <div class="inbox1">
    menu
  </div>
  <div class="inbox2">
    text
  </div>
  <div style="clear:both"></div>
</div>

CSS

body{
  height:1000px;
}
.box{
  border:1px solid red;
  margin-top:40px;
}
.inbox1{
  border:2px solid green;
  float:left;
  width:100px;
}
.inbox2{
  border:2px solid blue;
  height:500px;
  width:100px;
  float:right;
}