JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-container">
  <div class="flex-item auto">Lorem ipsumd dolor sit amet Lorem ipsumd dolor sit sadfasfasfdasfd </div>
  <div class="flex-item">center content</div>
  <div class="flex-item auto">float left after center</div>
</div>

CSS

.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  background-color: powderblue;
}

.flex-item {
  background: tomato;
  padding: 5px;
  height: 100px;
  line-height: 100px;
  color: white;
  text-align: left;
}

.auto {
  margin-right: auto;
}