Placer une photo correctement

Bonjour/Bonsoir

J'aurais besoin d'aide pour un placement d'une photo.

J'aurais voulu que la photo "Union" ce place tout a droite des boutons

Voici mes codes https://codepen.io/Dromix_/pen/jgVevR

J'espère que vous pourriez m'aider !

Et l'eau,

Le code que tu présentes ne ressemble pas du tout au résultat que tu souhaites. J'ai à peine lu ton code. Mais ça devrait faire une truc comme (j'ai suivi ton idée du inline block. Mais tu peux mieux le faire avec du flex)

<nav class="menu-nav">
    <div>
        <img src="http://placekitten.com/g/200/300" alt="">
        <ul>
            <li class="btn">
                <a href="index.html">Accueil</a>
            </li>

            <li class="btn">
                <a href="Boutique.html">Boutique</a>
            </li>

            <li class="btn">
                <a href="contact.html">contact</a>
            </li>
        </ul>
    </div>
</nav>

nav.menu-nav{
	text-align: right;
	background-color: #8A8C8C;
	padding: 9px;  
}
.menu-nav > div{
    text-align:center;
    display:inline-block;  
}
nav.menu-nav ul{
  padding-left:0;
}

https://codepen.io/anon/pen/bXqeNx
Modifié par niuxe (30 Jul 2019 - 02:16)