JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<body>
    <div class="outter">
        <div class="middle">
            <div class="content">
                <img src="logo.png" />
                 <h1>HELLOWORLD</h1>
                <p class="lead">CREATED BY JOHN DOE</p>
                <button class="btn">Signup</button>
            </div>
        </div>
    </div>
</body>

CSS

.outter {
    position: absolute;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.content {
    text-align: center;
    display: inline-block;
    width: auto;
}
.content h1{
  color: black;
  font-family: NoveBold;
  line-height:94%;
}

.content p{
  color: black;
  font-family: NoveLight;
}