JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-xs-6 col-md-6 center">
	<div>
		<a class="btn" href="#">button</a>
	</div>
	<div>
		<a href="#">This is just some text for StackOverflow</a>
	</div>
</div>

CSS

.center {
	text-align: center;
}
.btn {
	background: #47f;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
}