JSFiddle - React, Tailwind, and code Playground

by Abdul Ahmad

HTML

<div class='container'>
  <div class='box a'>

  </div>
  <div class='box'>

  </div>
</div>
<div class='container'>
  <div class='box b inline-block'>

  </div>
  <div class='box inline-block'>
  
  </div>
</div>

CSS

.container {
  border: 1px solid blue;
  margin: 20px;
}

.box {
  width: 50px;
  height: 50px;
  margin: 10px;
  border: 1px solid red;
}

.a {
  margin-top: 30px;
  border-color: orange;
}

.b {
  position: relative;
  top: 30px;
  left: 30px;
  border-color: teal;
}

.inlin-block {
  display: inline-block;
}