JSFiddle - React, Tailwind, and code Playground

HTML

<footer id="a">
  <span>1</span>
  <span>2</span>
  <span>3</span>
</footer>

<footer id="b">
  <span>1</span>
  <span>2</span>
  <span>3</span>
</footer>

CSS

footer#a { display: flex; justify-content: space-between; }

footer#b { text-align: center }
footer#b span:nth-child(1) { float: left; }
footer#b span:nth-child(2) { float: none; }
footer#b span:nth-child(3) { float: right; }