JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
		Lorem ipsum.
		<span>Lorem ipsum.</span>
	</div>

CSS

.box {
			width: 200px;
			margin: 200px auto;
			height: 400px;
			background-color: #CCC;
			font-size: 8em;
			position: relative;
		}
		.box span {
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			overflow: hidden;
			color: #FFF;
		}
		.box, .box span {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			-ms-align-items: center;
			align-items: center;
			justify-content: center;
			white-space: nowrap;
		}