JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="middle">
    <h1>Heading</h1>
</div>

CSS

.middle {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 390px;
    
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    
    /** backface-visibility: hidden; **/
}

h1 {
    padding-bottom: 5px;
    border-bottom: 3px solid blue
}