JSFiddle - React, Tailwind, and code Playground

by Jools Chadwick

HTML

<div class="bg left"></div>
<div class="fg left">Apples, Oranges</div>
<div class="bg right"></div>
<div class="fg right">Apples, Oranges</div>

CSS

.bg{
  border:2px solid black;
  height:12px;
}
.fg{
  line-height:16px;
  height:16px;
  padding-left:2px;
}
div{
    position: absolute;
    font-family:Arial;
    font-size:12px;
    width:100px;
    top:0px;
}
.left{
  left:0px;
}
.right{
  left:105px;
  top:0.5px;
}