JSFiddle - React, Tailwind, and code Playground

by matmuchrapna

HTML

<div class="out">
	<div class="margin"></div>
	<div class="in"></div>
</div>

CSS

/**
 * The first commented line is your dabblet’s title
 */

.out {
	background: red;
	width: 800px;
	height: 20px;
	margin: 0 auto;
}

.in {
	background: green;
	width: 500px;
	height: 40px;
	position: absolute;
	top: 20px;
	margin-left: 25%; /* 200px */
}

.margin {
	background: yellow;
	width: 200px; /* 25% */
	height: 40px;
	position: relative;
	top: 10px;
}