JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<div id="wrapper">
  <h1 class="align-left">LEFT</h1>
  <h1 class="align-right">CENTER</h1>
</div>

CSS

.align-left {
  float: left;
  margin-left: 20px;
  
}

#wrapper {
  text-align: center;
  
}
#wrapper h1{
  display:inline-block;
}