Comment éviter le retour à la ligne sur les éléments du vol stationnaire dans le menu?

Question

Je suis dans une situation où les éléments de menu sont renvoyés à la ligne suivante lorsque vous passez la souris sur l'élément de menu de la colonne de gauche ou lorsque cet élément de menu est dans l'état actif (signifiant également gras).

Ces menus sont créés dynamiquement par l'utilisateur lorsqu'ils créent des pages CMS et ils n'aiment pas le fait que le menu passe à la ligne suivante lorsqu'il passe de l'état désactivé (unbolded) à l'état overed (en gras).

Il ressemble à:

Answer 1

Le problème est qu'une police-poids gras est plus grande que la non-gras. Donc, aussi longtemps que vous utilisez gras comme un état: hover pour un lien non-gras: vous aurez ce problème.

Il y a beaucoup d'autres façons de donner des commentaires des utilisateurs sans utiliser poids de police: gras. Je préfère donner un feedback de manière à ne pas altérer la taille du texte comme: text-decoration: underline, ou en utilisant une couleur différente pour l'état: hover.