JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">

  <a href="#">
    
    <span class="two-lines">Два слова</span>
    
  </a>

</div>

CSS

.block {
  width: 400px;
  height: 200px;
  background: #ff0000;
}

.block a {
  word-spacing: 9999999px;
  display: block;
  width: 100%;
  height;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
}

.two-lines {
  text-transform: uppercase;
}