JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test-bg">
		<div class="test-block">1</div>
		<div class="test-block">2</div>
		<div class="test-block">3</div>
	</div>

CSS

#test-bg{
			width: 600px;
			height: 200px;
			border: 1px solid red;
			margin: 5px auto;
			box-sizing: border-box;
		}

		.test-block{
			width: 200px;
			height: 200px;
			display: inline-block;
			border:1px solid orange;
			box-sizing: border-box;
		}