В задании указанно > Обратите внимание, что оформление пунктов здесь проще, чем в предыдущих заданиях и использовать отрицательные отступы не нужно.
Я выполнил на 100% но с margin-left: -40px;
сыграет ли какую то роль отрицательные отступы если данное меню разместить в коде сайта?
.main-menu {
list-style:none;
width: 160px;
}
.main-menu a {
display: block;
padding: 10px 15px;
border-bottom: 2px solid #2c3e50;
background: #2980b9;
color: #ffffff;
text-decoration: none;
}
.main-menu .active a {
background: #1abc9c;
border-bottom: 2px solid #2ecc71;
}
.main-menu li {
margin-left: -40px;
}