JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent-container">
   <div id="parent">
      <div class="child">voila</div>
      <div class="child">voila</div>
      <div class="child">voila</div>
  </div>
</div>

CSS

#parent-container{
  background: red;
  padding: 30px;
}
#parent{
    width:600px;
    height:400px;
    background:#ffcc00;
    text-align:center;
    position:relative;
}

.child{
    display:inline-block;
    margin:0 auto;
    background:#fff;
    position:relative;
    top:190px;
}