JSFiddle - React, Tailwind, and code Playground

HTML

<h1>THE FIRST LINE<span class="secondLine">SECOND </span><span class="thirdLine">AND THIRD LINE</span></h1>

CSS

h1 { 
		display: inline-block; 
		position: relative; 
		margin: 0; 
		color: #4e4e4e; 
		font-family: tahoma, sans-serif; 
		text-align: center; 
		text-transform: uppercase;
        font-weight: bold; 
		font-size: 4em !important; 
		z-index: 1;
		vertical-align: top;
	}
h1 span.secondLine, h1 span.thirdLine {
    display: block;
}

JavaScript

jQuery(document).ready(function () {
    var windowWidth = $(window).width();
    $('h1').css({
        'top': Math.floor(windowWidth * 0.0964) + 'px',
        'left': Math.floor(windowWidth * 0.0872) + 'px',
        'line-height': '0.9em !important'
    });
});