JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fixed-height-container">
    <div id="aligned-content">u sux at<br><span id="css">css</span>
        <p>Because<p> something<p>like<p>this<p>can<p>happen</div>
</div>

CSS

#fixed-height-container {
    width: 100%;
    height: 200px;
    background: lime;
    text-align: center;
}

#aligned-content {
    padding: 5px;
    border: 1px solid black;
    background: #fff;
    display: inline-block;
    position: relative;
    top: 50%;
    margin-top: -50%;
}
#css { font-size: 2.5em; }