JSFiddle - React, Tailwind, and code Playground

HTML

<header class="jumbotron banner">
    <div class="container">
         <h1>Title</h1>

        <p>Subtitle</p>
        <p>	<a class="btn btn-lg btn-primary" href="#" role="button">Button</a>

        </p>
    </div>
</header>

CSS

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css');
 .banner {
    height: 500px;
    text-align: left;
    position: relative;
    
}

.container {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: red !important;
    /* For testing vertical alignment */
}