JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div { width: 99%; margin: auto; text-align: justify; text-align-last: justify; }
div:after { content: ''; display: inline-block; width: 100%; height: 0; overflow: hidden; }
a { text-decoration: none; border: 1px solid; }
a span { display: inline-block; }
a:hover { background: yellow; }


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