.section a {
color: white;
text-transform: uppercase;
text-decoration: none;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.button {
height: 50px;
position: relative;
border: 1px solid white;
}
<div class="section clearfix">
<div class="title-text">
<h2>We are specialist in</h2>
<h1>Responsive designs, Stationary<br>
And wordpress Themes</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting<br>industry. Lorem Ipsum has been the industry's standard dummy text.
</p>
<div class="button"><a href="#">Button Name</a></div>
</div>
</div>
Как только делать кнопке display: inline-block; - то кнопка сразу прилипает к левому краю и никакие text-align: center; не помогают :(