サイト制作勉強中 ul部分を横並びにしたい

16行目から22行目までのulの文を横並びにしたいです。
ご鞭撻のほどお願いたします。

コード
```<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>株式会社LiNew</title>
  <link rel="stylesheet" type="text/css" href="base.css">
  <link rel="stylesheet" type="text/css" href="">
  <script src=""></script>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
 <header>
   <div class="header-box">
     <div id="inner-header">
        <img src="index.html/image/logo_green.png">
       <ul class="header-list">
        <li class="header-list">News</li>
        <li class="header-list">About</li>
        <li class="header-list">Serice</li>
        <li class="header-list">Recruit</li>
        <li class="header-list">Contact</li>
       </ul>
     </div>
 </div>
</body>
</html>

```ここに言語を入力
コード
```@charset "UTF-8";
/* reset */
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd, img, form, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
	border-collapse: collapse;
}

textarea { font-size: 100%; vertical-align:middle;}
img { border-style: none; display: block; }
hr { display: none; }
em{font-style: normal}
input{line-height:auto;vertical-align:middle;}
strong.more{color:#c30}
a{text-decoration: none;}

html {

}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* 上の部分は気にせずここから書く */

html{
	background-color: #f5f5f5
}

header{
	border:  red 2px solid;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: space-between;
}

#inner-header{
	display: flex;
	justify-content: space-between;
	padding: 2px  2.5px;
	align-items: center;
}

.ul{
	display: flex;
	border: bottom;
	margin: 0 auto;
}