JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div class="wrapper">
  <div class="col">
    <button>My Button</button>
    <p>Some text</p>
  </div>
  <div class="col">
    <button>My Button</button>
    <p>Some text</p>
  </div>
  <div class="col">
    <button>My Button</button>
    <p>Some text</p>
  </div>
  <div class="col">
    <button>My Button</button>
    <p>Some text</p>
  </div>
</div>

CSS

.wrapper { display: flex; }
.col { flex: 1; border: 1px solid green; margin: 5px; padding: 5px; }
.col button { display:block;  margin: 0 auto; }