Impossibilité alignement menu dans header avec logo

Bonjour tout le monde,

je débute avec html et css et je dois faire une page avec ces langages.
Le problème que j'ai rencontré est que je ne peux pas aligner le menu dans <nav> avec les différents icons que j'ai mis dans header.

Voici les codes que j'ai utilisés, vous pouvez regarder ce que ca m'a donné en pièce jointe.

Merci d'avance pour votre aide !

html:
<header>
<div id="header">
<div id="headerGauche">
<img src="Images/Logos/Almost.PNG">
</div>

<div id="headerCentre">
<nav>
Accueil &nbsp; &nbsp; Boutique &nbsp; &nbsp; Events &nbsp; &nbsp; A propos &nbsp; &nbsp; Contact
</nav>

<div id="headerDroite">
<img src="Images/Icons/Rechercher.png"> &nbsp;
<img src="Images/Icons/Panier.png">
</div>
</div>
</header>

css:
#header{
height:150px;
}

#headerGauche {
height: 150px;
width: 30px;
float: left;
}

#headerCentre{
margin-left: 80px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
}

#headerDroite {
height: 150px;
float: right;
}