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;
      line-height: 1;
      height: 1.15em;
      text-align: center;
			position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
			opacity: 0.1;
		}