html - CSSと同じ行に表示される画像とh1タグ

Question

2 つの画像と 1 つの h1 タグを同じ行に表示する際に問題が発生します。1 つの画像を左に配置し、最後の 2 つの要素を右に配置したいと考えています。それを行う方法に関するヒントはありますか？

HTML

<div class="header">
<img src="meny_knapp2.png" class="meny" alt="meny link">
<img class="hioa" src="logo_hvit.png" alt="HiOA logo">
<h1 class="lsb"> Læringssenteret </h1>            
</div>

CSS

.header {
height:120px;
width:100%;
background-color:#ff7f1f;
color:white;
font-size:20px;
display: table;
vertical-align:middle;
}

.meny {
height: 25px;
margin-left:0.5em;
line-height:120px;
}

.lsb {
font-size:24px;
letter-spacing:0.09em;
font-weight:lighter;
display:inline;
}

.hioa {
height: 60px;
float:right;
margin-right:1em;
}