Нем могу разобраться уже 2 часа. Подставлял и absolute и fixed, relative а проверка не проходит.
Помогите пожалуйста
Index.js
<html>
<head>
<title>Navigation</title>
<style>
ul {
list-style: none;
padding: 0;
}
li {
margin-bottom: 12px;
}
h2 {
font-family: monospace;
}
a {
text-decoration: none;
padding: 5px 10px;
color: white;
font-weight: bold;
font-family: monospace;
background-color: rgb(255, 198, 0);
}
a:hover {
position:relative;
right:30px;
}
</style>
</head>
<body>
<h2>Lectures</h2>
<ul>
<li>
<a href="https://js.coderslang.com/lecture/205">Lists lecture</a>
</li>
<li>
<a href="https://js.coderslang.com/lecture/207">Document structure lecture</a>
</li>
<li>
<a href="https://js.coderslang.com/lecture/206">Tables lecture</a>
</li>
</ul>
</body>
</html>```