JSFiddle - React, Tailwind, and code Playground

by Igor Mello

HTML

<div class="um">

  <div class="dois">

    teste 2!

  </div>

  <div class="tres">

    teste 3!

  </div>

</div>

CSS

.um {
  background-color:#000;
  background-position:center center;
  line-height:200px;
  text-align:center;
  position: absolute;
  padding: 10px 10px 10px 0;  
  /*top right bottom left*/   
}

.dois, .tres {
  float: right;
  margin-left: 10px; 
  background-color:#CCC;
  width:200px;
  height:200px;   
}