JSFiddle - React, Tailwind, and code Playground

HTML

<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>
    		<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>
    		<li><a href="#">Профессионлальные реквизиты</a></li>
    		<li><a href="#">Семинары на DVD</a></li>
    	</ul>

CSS

ul{
	float: left;
	padding: 17px;
}
ul a{
	text-decoration: none;
}
ul li {
    border-bottom: 1.5px dotted black;
    list-style:none;
    padding: 10px 0;
}