JSFiddle - React, Tailwind, and code Playground

HTML

<div class="q1">
<div class="q2">
<p></p> 
<p></p> 
<p></p> 
</div>
</div>

CSS

*{
  margin:0;
  padding:0;
}
.q1{
  height:400px;
  border:1px black solid;
  text-align:center;
}
p{
  vertical-align:top;
  display:inline-block;
  width:100px;
  height:50px;
  background:black;
}
.q2{
  border:1px blue solid;
  width:308px
}