JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div class="block" id="yellow">
		Text1
	</div>

	<div class="block" id="purple">
		Text2
	</div>
</body>

CSS

body {
	margin: 0;
}

.block {
	border: solid 1px;
	min-height: 100px;
	padding: 0;
	text-align: center;
	width: 66%;
}
#yellow {
	background-color: #FEFD8F;
	margin: 10px 0 10px 10px;
}
#purple {
	background-color: #F6CCFC;
	margin: 10px 10px 10px auto;
}