Bonjour, 

tout est presque dans le titre.

J'ai un menu sous forme d'arborescence que j'ai fait avec les balises UL et LI qui ressemble sensiblement à ce que j'ai écrit en dessous.  J'aimerais indiquer par une icone de cadenas (j'utilise font-awesome) les liens qui ont un accès protégé par mot de passe. Pour des raisons d'esthétique, je voudrais que le texte des menu soit aligné à gauche, et l'icone de cadenas soit aligné à droite.

<div id="menu" 
<UL id="monmenu">
  <LI>
      <a href="lien1.html">Ma Ligne 1</a>
  </LI>
  <LI>
      <a href="lien2.html">Ma Ligne Protégée 2</a>
      <i class="fa fa-lock"></i>
  </LI>
</UL>
</div>

Mais n'étant pas spécialement très doué pour le CSS en dehors de changer des couleurs, je galère un peu à définir le style pour arriver à cet effet. Le texte et l'icone font-awesome reste toujours cote à cote, impossible d'avoir des aligments différents sur ces deux éléments d'une ligne.

Je suis persuadé que c'est tout bête, mais je bloque !

Je suis preneur d'infos utiles

-
Edité par Cubitus75 21 avril 2017 à 20:20:56