"использовать отрицательные отступы не нужно" Как??? [9/28]

Курсы §13. Мастерская: создаём меню
1

Подскажите как без отрицательных отступов?
margin-left:-40px;

    <ul class="main-menu">
    <li><a href="#Course">Курсы</a></li>
    <li class="active"><a href="#Demo">Демонстрации</a></li>
    <li><a href="Members">Участники</a></li>
    <li><a href="Achivments">Достижения</a></li>
    <li><a href="Profile">Профиль</a></li>
    </ul>

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 {
list-style:none;
width:200px;
margin-left:-40px;
margin-top:0px;
}

.main-menu a {
display:block;
text-decoration:none;
padding:10px 15px;
border-bottom: 2px solid #2C3E50;
color:#FFFFFF;
background-color:#2980B9;}
.main-menu .active a {
background-color:#1ABC9C;
border-bottom: 2px solid #2ECC71;
}
.main-menu a:hover {
background-color:#2ECC71;}

2

Отступы надо обнулить у меню, и внешние, и внутренние. Обращайте внимание на то, что вы делаете в заданиях перед испытанием. И запоминайте, для чего это может вам понадобиться в дальнейшем.

1 лайк