css - display: 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;
}

私を正しい道に導いてくれてありがとう、ポール。