JSFiddle - React, Tailwind, and code Playground

by Stephen

HTML

<main>
  <section>
  <div><h1 class="clearfix">This is my Heading 1</h1></div>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vulputate, lectus vel lobortis sollicitudin, velit felis ornare massa, sed congue ex dolor id sem. Praesent ac interdum lectus, at pulvinar elit. Praesent eget sapien non quam maximus
      euismod malesuada sit amet enim. Fusce et viverra ex. Praesent ut eros lorem. Nullam vitae vestibulum mi. Nullam placerat, velit nec dictum eleifend, erat purus tristique odio, a hendrerit mauris nulla ut erat. Vivamus lacinia neque et tortor malesuada
      vehicula.
    </p>
    <p>
      Maecenas sed nisl aliquam, pretium augue id, vehicula leo. Nulla volutpat metus vel ipsum porta, ac semper nulla congue. Sed viverra tincidunt nibh vel scelerisque. Duis ultricies molestie gravida. Vivamus pretium scelerisque libero sit amet hendrerit.
      Vivamus et malesuada est. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean nulla eros, imperdiet vel congue non, tristique non erat. Nam enim diam, pulvinar sed posuere vel, porttitor vitae dui.
      Aenean vel lacinia tellus. Phasellus nulla erat, maximus et interdum a, iaculis in eros. Donec faucibus fermentum enim, id pellentesque eros sollicitudin pretium.
    </p>
    <p>
      Phasellus tempus facilisis risus. Pellentesque volutpat odio et auctor suscipit. Nullam vel suscipit tellus, vitae facilisis eros. Quisque porttitor ligula id sapien elementum, vel auctor est lacinia. Praesent vehicula at ipsum ac suscipit. Vivamus vitae
      ex vel velit auctor eleifend ac sed nisl. Pellentesque eget purus turpis. Nam posuere fringilla feugiat. Nam dui justo, blandit at urna vel, iaculis fermentum mi. Ut nec elit volutpat, tristique nibh at, consequat ligula. Cras feugiat eget diam
      ut pretium. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut accumsan tortor lorem, in malesuada sapien...

CSS

section {
 /* display: absolute;*/
}
h1 {
  /*display: inline-block;
  position: relative;
  margin-left: auto;
  margin-right: 0;*/
  float: right;
  display: inline-block;
}
p {
  /*clear: both;*/
}
.clearfix:before,.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}