css - 显示时附加下划线：使用 inline-block

Question

display: inline-block当我添加到我的锚点时，这似乎正在发生。有谁知道这是为什么以及我该如何解决？

这是我的代码：

.nav{
  background-color: $light-grey;
  text-align: center;
  border-top: 10px solid $yellow;
  border-bottom: 10px solid $yellow;
  font-size: 2rem;
}

.nav li{
  display: inline;
}

.nav a{
  display: inline-block;
  padding: 30px 5% 30px 0;
  color: $dark-blue;
  text-transform: capitalize;
}

Answer 1

这修复了它：

u{
  text-decoration: none;
}

谢谢你让我走上正确的道路，保罗。