<header id="header">
<img src="https://ichef.bbci.co.uk/news/320/cpsprodpb/DFB6/production/_103407275_gettyimages-1027412410.jpg" id="header-img">
<h1>Huawei Phones</h1>
<div>
<nav id="nav-bar">
<li><a href="#Features" class="nav-link">Features</a></li>
<li><a href="#How-It-Works" class="nav-link">How It Works</a></li>
<li><a href="#Pricing" class="nav-link">Pricing</a></li>
</nav>
</div>
</header>
I want to style the h1 header to be on the left and the navbar on the right.