display li in navbar in the same line

1.container {
2  display:flex;
3  justify-content:space-between;
4  align-items:center;  
5}
6

1<div id="main-header">
2  <div class="container">
3    <h1 id="logo">HM</h1>
4    <nav id="navbar">
5      <ul>
6        <li><a href="#">Home</a></li>
7        <li><a href="#">Projects</a></li>
8        <li><a href="#" target="_blank">Github</a></li>
9        <li><a href="#" target="_blank">Twitter</a></li>
10      </ul>
11    </nav>
12  </div>
13</div>

1body{
2  background-color:#fff;
3  color:#00f;
4  font-family:"Raleway", Helvetica, sans-serif;
5  margin:0;
6}
7.container {
8  display:flex;
9  justify-content:space-between;
10  align-items:center; 
11}
12#logo{
13  border:3px solid;
14  padding:0 10px;
15}
16#navbar li{
17  display:inline-block;
18}
19#navbar a{
20  text-decoration:none;
21  font-size:18px;
22  padding-right:15px;
23}