JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
<p class="t1">first</p>
<p class="t2">second</p>
</div>

CSS

body {
  width:100%;
  height:600px;
}
.box {
  position:absolute;
  top:50%;
  left:50%;
  border:1px solid black;
}
.t1 {
  position:relative;
  display: inline-block;
  left:0%;
}
.t2 {
  position:relative;
  display: inline-block;
  left:5%;
}