Посмотрите пожалуйста код: Оформляем состояния пунктов [8/28]

100% но проверить на логику. А то может просто картинка совпадает)

    <!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <title>Испытание: вертикальное меню</title>
    </head>
    <body>
        <ul class="main-menu">    
            <li><a>Курсы</a></li>
            <li class="active"><a>Демонстрации</a></li>
            <li><a>Участники</a></li>
            <li><a>Достижения</a></li>
            <li><a>Профиль</a></li>
        </ul>
    </body>
</html>

html,
body {
margin: 0;
padding: 0;
}

body {
width: 280px;
min-height: 280px;
padding: 10px;
font-family: "Arial", sans-serif;
font-size: 14px;
line-height: 1.4;
background: #ecf0f1;
}

.main-menu {
width: 200px;
list-style: none;
padding: 0;
}

.main-menu li {
background-color: #2980b9;
border-bottom: 2px solid #2c3e50;
padding: 10px 15px;
}

.main-menu li a {
color: white;
text-decoration: none;
}

.main-menu li.active {
background-color: #1abc9c;
border-color: #2ecc71;
}

Внутренние отступы должны быть у ссылок.
Почему у ссылок нет атрибута href?

Спасибо за ответ. Адреса же не были заданы в задании. Добавить пустой и произвольный href? Ну в принципе верно ведь ссылка без атрибута href и не ссылка вовсе, а просто текст.

По отступам: принципиально для ссылок сделано или для пунктов меню? У пунктов меню убрал.
Ссылкам добавил. Выглядит так:
.main-menu li a {
display: block;
color: white;
text-decoration: none;
padding: 10px 15px;
}
Верно?

Теперь всё верно. Задавая отступы ссылке, вы увеличиваете площадь клика, что важно для удобства пользователя.
Таким образом, перейти по ссылке можно будет нажимая на край пункта, а не обязательно на текст ссылки.