JSFiddle - React, Tailwind, and code Playground

by smallone1

HTML

<p class="testClear" style="background-color:red"></p>
<p class="left" style="background-color:yellow">left</p> 
<p class="right" style="background-color:pink">right</p>
<p style="background-color:red"></p>
<p class="right" style="background-color:green">right</p>
<p class="left left2"style="background-color:gray">left</p>
<p class="testClear" style="background-color:red"></p>

CSS

p {
  border: 2px solid blue;
  padding: 2px;
  height: 35px;
  width: 35px;
}

.testClear{
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.left2 {
  clear: left;
}