Sve

4 часа назад, npofopr сказал:

Для logo нужен float:left;

И похоже вы не пользуетесь Инспектором кода? DevTools? 
Там это всё бы сразу понятным стало. 

Спасибо большое за ответ! Нет, не пользуюсь, не слышала о нём. Где можно подробнее почитать об этом?

Всем привет :)
Пытаюсь сверстать свой первый макет, и возникла проблема с меню. Должно быть, как на первой картинке - это макет из фш.
Выходит, как на второй, меню спадает вниз. 
Прошу, пожалуйста, тыкните на ошибку в коде, и, если есть возможность, объясните. буду очень рада ответам!

Код кидаю:

*{margin: 0; padding: 0; outline: 0}


.clearfix::after {
    content:"";
    height: 0;
    display: block;
    clear: both;
}

div .container {
    width: 1300px;
    margin: auto;
    background: #fff;
}

header {
    width: 100%;
    height: 130px;
    border-top: 8px solid #a292b3;
    position: fixed;
    z-index: 2;
}

.logo {
    margin: 30px 0 20px 170px;
}

.menu {
    float: right;
    margin-right: 145px;
}
.menu li {
    display: inline-block;
    list-style: none;
    padding: 35px;
}