<div class="centered">
<a href="#" title="WordPress" class="label label-primary">WordPress</a>
<a href="#" title="Ghost" class="label label-primary">Ghost</a>
<a href="#" title="Bootstrap" class="label label-primary">Bootstrap</a>
<a href="#" title="HTML5" class="label label-primary">HTML5</a>
<a href="#" title="CSS" class="label label-primary">CSS</a>
</div>
body {
font-size: 1.5rem;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
min-height: 100vh;
background-color: #00112c;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
This Pen doesn't use any external JavaScript resources.