JSFiddle - React, Tailwind, and code Playground

HTML

<section class="parent">
  <div id="counter">
    Character Count: <span class="tally">*javascript calculation*</span>
  </div>
</section>

CSS

section.parent {
  max-width: rem(640);
  margin: 0 auto rem(30) auto;
    padding: 0 rem(10);}

 #counter {
   position: absolute;
   border: solid 1px  #888;
   top: 0;
   left: 10px;
   border-radius: 5px;
   padding: 10px;
   background: #000;
   font-size: .8em;
   min-width: 150px;
}