JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex">
  <span>One</span>
  <span>two</span>
  <span>three</span>
  <span class="four">four</span>
  <span>five</span>
</div>

CSS

.flex {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
span {
  background: #999;
  margin-top:10px;
}
.four {
  background: #FFFF00;
}