divが横に広がるのをやめたいが、divの中の要素を横ならびにしたいとき

ヘッダー部分のdiv class="name0"が、div class="header-link"の直前まで横に広がっていて、この広がりをなくしたいです。同時に、div class="name0"の中のa class="name"とdiv class="logo"を横並びにしておきたいです。よろしくお願いいたします。

html
1 <header>
2        <div class="name0">
3        <a  class="name" href="index.html">
4               
5            <div style="line-height:1;">
6               <p>株式会社</p><br><h2>サンプル</h2>
7            </div>
8            
9        </a> 
10       
11        <div class="logo"><a href="index.html"><img src="img/logo.jpg"></a></div>
12    </div>
13    <div class="header-link">
14      <a href="concept.html">concept<br>（初めての方へ）</a>
15      <a href="consulting menu.html">consulting menu<br>（コンサルメニュー）</a>
16      <a href="company.html">company<br>（会社案内）</a>
17      <a href="contact.html">contact<br>（お問い合わせ）</a> 
18    </div>
19        </header>

css
1.name0{
2  display:flex;
3  
4}
5.name{
6    display:inline-block;
7    width:350px;
8    color:whitesmoke;
9    padding-left:30px;
10    font-family:serif;
11}
12.logo{
13    width:10%;
14    
15}
16header img{
17  width:100%;
18}
19header{
20    background-color:#7b6b7f;
21    position:fixed;
22    top:0;
23    left:0;
24    width:100%;
25    z-index:12;
26    display:flex;
27    justify-content:space-between;
28    padding:10px 0 5px 0;
29    font-family:Century Gothic; 
30    
31}
32.header-link{
33    display:flex;
34    justify-content:space-around;
35    text-align:center;
36}
37.header-link a{
38    width:200px;
39    color:white;
40}
41header a{
42    text-decoration:none;
43    display:inline-block;
44}