JSFiddle - React, Tailwind, and code Playground

by MD RAHMAN

HTML

<div class="container">
   <div class="column-center">Column center</div>
   <div class="column-left">Column left</div>
   <div class="column-right">Column right</div>
</div>

CSS

.container {
	position: relative;
	width: 500px;
}
.container div {
	height: 300px;
}

.column-left {
	width: 33%;
	left: 0;
	background: #00F;
	position: absolute;
}
.column-center {
	width: 34%;
	background: #933;
	margin-left: 33%;
	position: absolute;
}
.column-right {
	width: 33%;
	right: 0;
	position: absolute;
	background: #999;
}