JSFiddle - React, Tailwind, and code Playground

by Liu ChangFeng

HTML

<section>
  <p class="demo1">
    floated right
  </p>
</section>

<section>
  <span>
    <span class="demo2">floated left</span>
  </span>
</section>

SCSS

section{
  width:200px;
  margin:0 auto;
  height:100px;
  background:#CCC;
  margin-bottom: 10px;
  text-align:center;
  p{
    margin:0;
  }
}
.demo1{
  float:right;

}
.demo2{
  float:left;
}