JSFiddle - React, Tailwind, and code Playground

HTML

<div class="father">
    <div class="son">box1</div> 
    <div class="son">box2</div>
    <div class="son">box3</div>
    </div>

CSS

div.father {
  border: 1px solid black;
  height: 364px;
  width: 400px;
display:table;
word-spacing:-1em;
}
div.son {
  margin:0px;
  padding:0px;
  border: 1px solid black;
  height: 100px;
  width: 100px;
  padding-top:20px;
  padding-left:20px;
  display:inline-block;
  word-spacing:0;
}