JSFiddle - React, Tailwind, and code Playground

by alexb

HTML

<div>
  <span>Only</span>
</div>

<div>
  <span>One</span>
  <span>Two</span>
</div>

CSS

div {
  display: flex;
  flex-direction: column;
  background: rgba(200, 0, 0, 0.2);
  justify-content: space-around;
  margin-top: 2em;
  min-height: 150px;
}

span {
  background: rgba(0, 0, 200, 0.2);
  height: 80px;
  margin: 10px;
}

span:only-child { 
  /* margin: 0 auto; */
}