JSFiddle - React, Tailwind, and code Playground

HTML

<!--Вариант 1-->

<p>
 <a>Мрачные тени</a>
 <a>Назад</a>
 <a>Пауза</a>
 <a>Далее</a>    
</p>

<!--Вариант 2-->

<ul>
    <li><a>Мрачные тени</a></li>
    <li><a>Назад</a></li>
    <li><a>Пауза</a></li>
    <li><a>Далее</a></li>
</ul>

CSS

li{float:left; margin-left:10px;}