JSFiddle - React, Tailwind, and code Playground

HTML

<div>Text</div>

CSS

body {margin: 0;}
	body:after {
		content: '';
		width: 50%;
		height: 100px;
		background: red;
		position: absolute;
		right: 0;
		top: 0;
	}

	div { width: 300px; background: blue; height: 100px; margin: 0 auto; position: relative; z-index: 1; text-align: center;}