JSFiddle - React, Tailwind, and code Playground

by poppin3000

HTML

<div class="sectioncontainer"> 
		<section class="sec1">
		aaa
		</section><section class="sec2">
		bbb
		</section><section class="sec3">
		ccc
		</section>
	</div>

CSS

*{margin:0px;padding:0px;}
body{background:#ddf;}
.center{text-align:center;}
.sectioncontainer{padding:10px;background:yellow;}
.sec1{display:inline-block;border:2px solid black;background:pink;}
.sec2{display:inline-block;border:2px solid black;background:orange;}
.sec3{display:inline-block;border:2px solid black;background:green;}