JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 <div style="position: relative;">
        <div class="test" style="position: relative;
             top: 50%; transform: translateY(-50%);">
          center this
        </div>       
    </div>

CSS

html,body,#venuerow
{
    height: 100%;
    text-align: center;
}