JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="#">Ссылка раз</a> |
    <a href="#">Ссылка два</a> |
    <a href="#">Ссылка три</a> |
    <a href="#">Ссылка четыре</a> |
    <a href="#">Ссылка пять</a>
</div>

CSS

div { width: 75%; margin: auto; text-align: justify; text-align-last: justify; }
div:after { content: ''; display: inline-block; width: 100%; height: 0; overflow: hidden; }
a { display: inline-block; }


*+html div { text-justify: newspaper; }
*+html a { display: inline; text-align: left; zoom: 1; }