JSFiddle - React, Tailwind, and code Playground

HTML

<p class="text">
		text
	</p>

CSS

html, body {
			position: relative;
			height: 100%;
			width: 100%;
			padding: 0;
			margin: 0;
			background-color: #000;
			color: #fff;
			font-family: monospace;
			display: flex;
		}
		p.text {
			align-self: center;
			margin: 0 auto;
		}
		p::before {
			content: '+';
			font-size: 20rem;
			transform: rotate(45deg);
			transform-origin: left top 0;
			position: absolute;
			opacity: 0.1;
		}