Как избежать переноса строк при наведении в меню?

Question

У меня есть ситуация, когда элементы меню переносятся на следующую строку, когда вы наводите курсор мыши на элемент меню в левом столбце или когда этот пункт меню находится в активном состоянии (имеется в виду также жирный шрифт).

Эти меню создаютсядинамически пользователем, когда они создают страницы CMS, и им не нравится тот факт, что меню переносится на следующую строку, когда оно переходит из выключенного состояния (не выделено) в избыточное состояние (выделено цветом).

Это выглядиткак:

Answer 1

Проблема в том, что жирный шрифт имеет больший вес, чем жирный шрифт. Таким образом, до тех пор, пока вы используете жирный шрифт как состояние: hover для ссылки без жирного шрифта: у вас будет эта проблема.

Существует множество других способов оставить отзыв пользователя без использования font-weight: bold. Я предпочитаю давать отзывы способами, не меняющими размер текста, такими как: text-ornament: underline, или использовать другой цвет для состояния: hover