JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%">
    <tr>
        <td width="1"><a href="#">Вариант</a></td>
        <td width="*">&nbsp;</td>
        <td width="1"><a href="#">меню</a></td>
        <td width="*">&nbsp;</td>
        <td width="1"><a href="#">c</a></td>
        <td width="*">&nbsp;</td>
        <td width="1"><a href="#">таблицей,</a></td>
        <td width="*">&nbsp;</td>
        <td width="1"><a href="#">хардкорно-олдскульный</a></td>
    </tr>
</table>

<hr>

<ul>
    <li><a href="#">Вариант</a></li>
    <li><a href="#">меню</a></li>
    <li><a href="#">без</a></li>
    <li><a href="#">использования</a></li>
    <li><a href="#">таблицы</a></li>
</ul>

CSS

td, td a { white-space: nowrap; }

ul{ text-align: justify; text-align-last: justify; }
ul:after { content: ''; display: inline-block; width: 100%; height: 0; overflow: hidden; }
li { display: inline-block; }

*+html ul { text-justify: newspaper; zoom: 1; }
*+html li { display: inline; zoom: 1; text-align: center; }