JSFiddle - React, Tailwind, and code Playground

by Jayson Buquia

HTML

<h1>
  <span>Lorem Ipsum Dolor Sit Amet: October 8, 2018</span>
  <span>As of 8:30AM EST</span>
</h1>

SCSS

h1 {
  /* display: flex; */
  /* flex-flow: row wrap; */
  
  span {
    position: relative;
    flex-shrink: 0;
    
    &:last-child {
       font-size: .5em;
    }
  }
  
  &::after {
     content: 'ABC';
     display: inline-block;
     font-size: .5em;
     /* float: right; */
     position: relative;
     top: 100%;
     margin-left: auto;
   }
}