フォント スタイルの幅を個別に固定するにはどうすればよいですか?

Question

水平メニューがあります:

<ul>
  <li>テキスト</li>
  <li>テキスト 2</li>
</ul>

ユーザーがいずれかの li をクリックすると、そのフォントが太字になります。したがって、li 要素の幅はわずかに変化します。その結果、メニューがジャンプします。

文字幅の影響を受けないよう修正するにはどうすればよいですか?

Answer 1

以下に示すように、CSS を使用して li の幅が変更されないようにすることができます。

リーリー

これによりジャンプが防止されます