无法内联显示UL列表项

Question

我意识到一个简单的问题，但我很难让列表项显示为内联。任何帮助非常感谢。

<header class="header">
  <div class="col-1">
    <h1>Some text</h1>
  </div>
  <div class="col-2">
    <ul class="nav">
      <li><a href="#">work</a>
      </li>
      <li><a href="#">contact</a>
      </li>
      <li><a href="#">github</a>
      </li>
      <li><a href="#">facebook</a>
      </li>
    </ul>
  </div>

</header>