Positionnement de sous-menus à droite lors du hover

Bonjour,

J'ai une barre de menus principale positionnée en haut, avec des menus à gauche et un menu "Mon profil" à droite. Lorsque du hover, des sous-menus s'affichent, positionnés à gauche par rapport à mon menu. Je souhaiterais que les containers de ces sous-menu se positionnent à droite et que les textes à l'intérieur soient eux aussi alignés à droite dans leur container.

Voici mon code actuel : https://codepen.io/Titouan79/pen/qwLZxr
Et voici le rendu que je souhaiterais :


Merci d'avance pour l'aide que vous m'apporterez
Modifié par Titouan79 (25 Apr 2019 - 20:07)

merci

jas09 a écrit :
merci

Merci ?

Hello

Tu ajoutes une classe au <ul> concernée (par exemple 'mon-profil' ou 'smenu-profile--position' puis tu ajoutes les propriétés suivantes:

.smenu-profile--position{
 right: 0;
 text-align: right;
}

Merci !
J'ai aussi trouvé ceci :

.menu-profile li {
  float: right;
  width: 100%;
}

.smenu-profile li a {
  display: flex;
  justify-content: center;
  padding: 14px 15px;
}

Et cela marche aussi bien !
Tu peux le voir sur le codepen mis à jour : https://codepen.io/Titouan79/pen/qwLZxr

Merci pour ta réponse
Modifié par Titouan79 (25 Apr 2019 - 23:26)