JSFiddle - React, Tailwind, and code Playground

HTML

<div id="leftHalf">
  <div>
    <p style="color: white">CHOOSE</p>
  </div>
</div>

<div id="middle">
  <p>A</p>
</div>

<div id="rightHalf">
  <div>
    <p>CAT</p>
  </div>
</div>

CSS

#leftHalf,
#middle, #rightHalf {
  width: 33%;
  height: 100px;
}

#leftHalf {
  float: left;
  background-color: black;
}

#middle {
  float: left;
  background-color: lightgreen;
}

#rightHalf {
  float: right;
  background-color: gray;
}

p {
  text-align:center;
}