JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wr">

<div class="title">Заголовок</div>
	
</div>

CSS

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.wr {
	width: 400px;
	height: 600px;
	background: #fff;
	margin: 0 auto;
}
.title {
	background: rgba(0,0,0,0.7);
	width: 400%;
	color: #fff;
	font: 20px/50px tahoma;
	text-align: right;
	position: relative;
	left: calc(-400% + 100px);
	
}