How to align div to img?

I want to have my html element like this :

But I don't know how to do it.

My html :

<header>
    <img src="res/LogoMPS.png">
    <h1>Consultation Proface</h1>
    <a id="retourAccueil" href="/MPS">Accueil MPS</a>
</header>

and my actual CSS :

img {
    margin: 0px;
    width: 8%;
    height: auto;
    display: inline-block;
}

h1 {
    font: 40px Arial;
    color: #0448af;
    margin-left: 40px;
    margin-bottom: 60px;
    display: inline-block;
}

#retourAccueil {
    display: block;
}