JSFiddle - React, Tailwind, and code Playground

HTML

<div class="HDRtext">
    <div>
        <h1>trolololol</h1>
        <p> Never gonna give up ! </p>
    </div>
</div>

CSS

.HDRtext 
{
    width: 30%;
    height: 335px;
    line-height : 335px;
    display : inline-block;
    vertical-align : middle;
    padding: 0;
    font-family: Georgia;
border : 1px solid red;
}

.HDRtext div {
    font-size: 1em;
    line-height : 1em;
    display : inline-block;
}

.HDRtext h1 
{
    font-size: 2em;
    line-height : 1em;
}

.HDRtext p {
    font-size:1em;
}