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 !important;
        color: #333 !important;
}
.menu_n {
	color:#000;
	text-decoration:none;
}

JavaScript

$('.menu_n').hover(
    function () {
        $(this)
            .css('position','relative')
            .stop()
            .animate({'left':'10px'}, 200);
    },
    function () {
        $(this)
            .stop()
            .animate({'left':'0'}, 200);
    }
 );