JSFiddle - React, Tailwind, and code Playground

by sarfarazdesigner

HTML

<div class="bgred fl db wid100 hit100 bdr pad marg"></div>
<div id="box2"></div>

CSS

.marg{ 
	margin:20px;
}
.pad{
	padding:20px;
}
.bdr{
	border:1px solid #000;
}
.wid100{
	width:100px;
}
.hit100{
	height:100px;
}
.bgred{
	background-color:red;
}
.fl{
	float:left;
}
.db{
	display:block;
}

#box2{ 
	background-color:green;
	width:100px;
	height:100px;
	padding:20px;
	margin:20px;
	border:1px solid #000;
	float:left;
	display:block;
}