JSFiddle - React, Tailwind, and code Playground

by Chintan Upadhayay

HTML

<div class="divSquare divSquareOne">1</div>
<div class="divSquare divSquareTwo">2</div>
<div style='clear:both'></div>
<div class="divSquare divSquarThree">3</div>
<div class="divSquare divSquarFour">4</div>

CSS

.divSquare {
        width:48%; 
		  height:200px;
		  solid black; 
		  float: left
    }
	 .divSquareOne  {
			border-bottom:1px solid #000;
			border-right:1px solid #000;
	 }
	 .divSquarFour  {
			border-top:1px solid #000;
			border-left:1px solid #000;
	 }