JSFiddle - React, Tailwind, and code Playground

by iKNG

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_link a').hover(function () {
$(this).animate({paddingLeft:'10px !important'}, "slow");
},
function () {
$(this).animate({paddingLeft:'0 !important'}, "slow";
});