Bonjour,

Je tourne un peu en rond sur le problème suivant, je souhaiterais aligner mon logo sur le titre h1 et h2.

voici le code html:

 <div id="titre_principal">
                        <div id="logo">
                            <img src="images/logo.png" alt="logo">
                            <H1>Phnom-Penh</H1>
                        </div>
                        <h2>La Perle d'Asie</h2>
                    </div>

et le code CSS :

#titre_principal
{
    display: flex;
    flex-direction: column;
}

#logo
{
    display: flex;
    flex-direction: row;
    align-items:baseline;
}

#logo img
{
    width: 59px;
    height: 60px;
}

Merci pour vos conseils !

Cordialement,

Stéphane

Salut !

Il te faut simplement placer l'image dans le titre :

<H1><img src="images/logo.png" alt="logo"> Phnom-Penh</H1>

Et pour que l'image et le texte soient alignées au milieu (sur le plan horizontal) tu ajoutes cette propriété CSS à l'image :
vertical-align: middle

Domi65 a écrit:

Salut !

Il te faut simplement placer l'image dans le titre :

<H1><img src="images/logo.png" alt="logo"> Phnom-Penh</H1>

Et pour que l'image et le texte soient alignées au milieu (sur le plan horizontal) tu ajoutes cette propriété CSS à l'image :
vertical-align: middle