当我们使用a:hover伪类为内联元素添加粗体效果时，我们观察到每当我们用鼠标悬停在元素上时，鼠标右侧的元素都会向右移动。这不是一个好的用户体验，因此需要删除。
我们可以使用 letter-spacing CSS 属性来解决这个问题并制作非移位的内联元素。 letter-spacing是一个 CSS 属性，用于增加或减少文本中字符之间的间距。此 CSS 属性可用于防止移动内联元素，当我们将鼠标悬停在它们上方时会变粗。以下是问题的工作示例及其解决方案。
- 句法：
.class_name { letter-spacing: value } - 例子：
Before:
After:
- 输出：
