Html 链接末尾额外加下划线的字符

我有两个图形（带标题），并排排列，每个图形充当链接。出于某种原因，左侧链接的文本有一个额外的下划线空间，即使它没有出现在我的html文件中。这可能是一个间隔问题吗？我是CSS新手，所以可能会有冗余/矛盾

下面是问题的预览：

#腿{
文本对齐：居中；
}
#腿标签{
文本对齐：居中；
颜色：白色；
}
.支腿连接{
左边距：10px；
右边距：10px；
}
身材{
显示：内联块；
边距：0自动0自动；
}

如何联系我：

将链接设置为

显示：内联块

，然后您可以根据需要将

文本装饰：下划线添加到文本本身（
）


#腿{
文本对齐：居中；
}
#腿标签{
文本对齐：居中；
颜色：白色；
}
.支腿连接{
左边距：10px；
右边距：10px；
显示：内联块；
}
.支腿连接图{
显示：内联块；
边距：0自动0自动；
}
.leg_link p{
文字装饰：下划线；
}

如何联系我：

在第一次关闭
之后和关闭
标记之前，您是否有空格？@nope。此外，当我交换两个链接时（用github图交换整个linkedin图），两个链接之间的空间在同一个位置。这就是为什么我认为这是一个布局问题。事实上，我删除了
和
之间的所有空格，现在它可以工作了。请查看我的答案，找到一种不用担心空格的方法。换行符通常会添加一个空格（这是令人伤心的部分）…非常有用，谢谢！关于为什么第一个链接上有空格而第二个链接上没有空格的想法？我更新了我的答案，加入了更多细节，希望能有所帮助