JSFiddle - React, Tailwind, and code Playground

HTML

<h1><a href="#">строка</a></h1>
<h1><a href="#">еще одна</a></h1>
<h1><a href="#">третья строчка длиннее первых двух</a></h1>
<h1><a href="#">а четвертая прям совсем длинная-предлинная</a></h1>
<h1><a href="#">пятая ну такая длинная, ну прямо такая длинная, настолько длинная, что переносится</a></h1>

CSS

h1{font-size:18px}
h1 a{display:inline-block; min-width:60%; text-align:center}