Help with header

https://www.reddit.com/r/simpleWebDevQuestions/comments/71uzsx/help_with_header/

by andersevenrud

HTML

<div class="header">
    <div class="linha">
    <header>
        <div class="coluna col4">
            <h1 class="logo">Logo</h1>
        </div>
        <div class="coluna col8">
            <nav>
                <ul>
                    <li>MENU</li>
                    <li>MENU</li>
                    <li>MENU</li>
                    <li>MENU</li>
                </ul>
            </nav>
        </div>
    </header>
    </div>
</div>

<div class="linha">
    <section>

    </section>
</div>

CSS

.linha {
  width: 960px;
  margin: 10px auto;
  display: block;
}

.coluna {
  padding: 5px 10px;
  float: left;
}

.col1 {
  width: 60px;
}

.col2 {
  width: 140px;
}

.col3 {
  width: 220px;
}

.col4 {
  width: 300px;
}

.col5 {
  width: 380px;
}

.col6 {
  width: 460px;
}

.col7 {
  width: 540px;
}

.col8 {
  width: 620px;
}

.col9 {
  width: 700px;
}

.col10 {
  width: 780px;
}

.col11 {
  width: 860px;
}

.col12 {
  width: 940px;
}

.logo {
  width: 50%;
  background : green;
}

ul li {
  display: inline-block;
  padding-right: 10px;
}