JSFiddle - React, Tailwind, and code Playground

HTML

<p class="menu_link">
<a class="menu_n" href="/viewk/5">Основы HTML (10)</a>
</p>
<p class="menu_link">
<a class="menu_n" href="/viewk/6">Основы CSS (7)</a>
</p>
<p class="menu_link">
<a class="menu_n" href="/viewk/8">PHP & MySQL (5)</a>
</p>

CSS

.menu_link {
        padding-left: 5px;
	margin:3px;
	margin-left:5%;
	margin-right:5%;
	border-bottom:1px dotted #666;
}
.menu_link a {
        text-decoration: none;
        color: #333;
}
.menu_n {
	color:#000;
	text-decoration:none;
}

JavaScript

$('.menu_n').hover(
function () {
$(this).animate({paddingLeft:'10px'}, "slow");
},      
function () {
$(this).animate({'paddingLeft':'0'}, "slow");
});