显示时前置的下划线：使用内联块

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;
}

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