我有两个并排的数字（带标题），每个数字都充当链接。出于某种原因，左链接的文本有一个额外的带下划线的空格，即使它没有出现在我的 html 文件中。这可能是间距问题吗？我是 CSS 新手，所以可能会有冗余/矛盾。
这是问题的预览：缩放图像
#leg {
text-align: center;
}
#leg_tag {
text-align: center;
color: white;
}
.leg_link {
margin-left: 10px;
margin-right: 10px;
}
figure {
display: inline-block;
margin: 0 auto 0 auto;
}<div id="leg">
<p id="leg_tag">How to reach me:</p>
<a class="leg_link" href="..." target="_blank">
<figure>
<img src="..." width="30" height="30">
<figcaption>
<p>My GitHub!</p>
</figcaption>
</figure>
</a>
<a class="leg_link" href="...">
<figure>
<img src="..." width="30" height="30">
<figcaption>
<p>My LinkedIn!</p>
</figcaption>
</figure>
</a>
</div>编辑：问题已经解决，但我仍然很好奇为什么第二个链接没有空格，而第一个链接有。想法？