JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div class="all">
  <div class="inline left">
    <p>Yes</p>
    <p class="small">Sedang dalam gangguan Sedang dalam gangguan</p>
  </div>
  <div class="inline right">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
  </div>
  <div class="c"></div>
</div>

CSS

.small {
  font-size:10px;
  width:150px;
  border:1px solid;
}
.all {
  display:block;
  border:1px solid green;
  padding: 4px;
  width:65%;
}
.inline {
  margin: 0 8px;
}
.box {
  width:50px;
  height:60px;
  background:blue;
  display:inline-block
}
.right {
  float:right;
}
.left {
  float:left;
}
.c{
  clear:both;
}