JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outterDiv">
  <div class="innerDivBig">
    <div style="width: 180px; float:left;margin-right: 5px;background-color: yellow;">
      Inner Div
    </div>
    <div style="width: 180px; float:left;margin-right: 5px;background-color: yellow;">
      Inner Div
    </div>
    <div style="width: 180px; float:left;margin-right: 5px;background-color: yellow;">
      Inner Div
    </div>
    <div style="clear:both"/>
  </div>
</div>

CSS

.outterDiv{
 width: 600px;
 border: 1px solid #f00;
 text-align: center;
 position: relative;
}

.innerDivBig{
  margin: 0 auto;
}