JSFiddle - React, Tailwind, and code Playground

HTML

<header>
</header>
<div class="top_wrapper">
	<div class="top_descr">
		<div class="top_centered">
			<div class="top_text">
				<p>Front-End</p>
				<p>Web-design</p>
			</div>
		</div>
	</div>
</div>

CSS

.top_wrapper {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }
  .top_wrapper .top_descr {
    display: table-row; }
    .top_wrapper .top_descr .top_centered {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
  .top_wrapper .top_text {
    display: inline-block; }
    .top_wrapper .top_text p {
      font-size: 1em;
      margin: 0;
      text-transform: uppercase; }