JSFiddle - React, Tailwind, and code Playground

by Pritam Bohra

HTML

<div class="div1">This is div 1</div>
<div class="div2">This is div 2</div>
<div class="div3">This is div 3</div>
<div class="div4">This is div 4</div>
<div class="div5">This is div 5</div>
<div class="div6">This is div 6</div>

CSS

div {
  width: 100px;
  height: 25px;
  border: 1px solid red;
  margin: 5px;
  background-color: yellow;
}

.div1 {
  float: left;
  background-color: yellow;
}

.div2 {
  float: left;
  background-color: brown;
}

.div3 {
  float: left;
  background-color: red;
}

.div4 {
  /* float: left; */
  background-color: blue;
}

.div4 {
  /* float: left; */
  background-color: pink;
}

.div5 {
  /* float: left; */
  background-color: green;
}

.div6 {
  /* float: left; */
  background-color: orange;
}