html中两个图像之间令人讨厌的黑线

我遇到了一个问题，我的html页面上有一条黑线，但我没有任何代码

我用红线在上面画了一个圈。有一条黑线。 这是我的html代码

<div class="mid">
    <a href="@Url.Action("WesternCuisine", "Home")">
        <img src="~/Image/western_cuisine.png" style="width: 40%; height: 40%;" />
    </a>
    <a href="@Url.Action("ChineseCuisine", "Home")">
        <img src="~/Image/chinese_cuisine.png" style="width: 40%; height: 40%;" />
    </a>

    <div class="cfc-container">
        <h1 class="main-caption">&nbsp; Your precious <br />&nbsp; Feedback is our <br />&nbsp; Motivation to be better <br /><button type="button" class="main-button" onclick="window.location.href='/Home/Feedback';"><strong>Learn More</strong></button> </h1>
    </div>
</div>

---

我不知道如何删除那条黑线，即使我做了

边框：无

也不能

这是第一个

标记的下划线。

---

只需将

文本装饰：none

属性应用于此块中的

标记。

标记下划线中的那条黑线。要删除它，只需使用

文本装饰：none

，如下所示：

.mid>a{
文字装饰：无；
}
.中{
边际上限：0px；
柔性包装：包装；
证明内容：中心；
文本对齐：居中；
}
.cfc容器{
显示：内联块；
宽度：80%；
填充顶部：30px；
填充底部：30px；
边缘顶部：5px；
边缘底部：30px；
颜色：继承；
边框：1px实心；
背景色：白色；
背景图像：线性渐变（向右，rgba（228241254，1），rgba（255，255，255，0.2）），url（../image/customer_service.png）；
背景重复：无重复；
背景位置：右；
}

您宝贵的
反馈是我们变得更好的动力
了解更多

请在css中添加以下代码

a:-webkit-any-link
{
  text-decoration: none;
}

---

这是因为标记文本装饰的默认行为

.mid a {
  text-decoration: none;
}

.mid{
边际上限：0px；
柔性包装：包装；
证明内容：中心；
文本对齐：居中；
}
半小时{
文字装饰：无；
}
.cfc容器{
显示：内联块；
宽度：80%；
填充顶部：30px；
填充底部：30px；
边缘顶部：5px；
边缘底部：30px；
颜色：继承；
边框：1px实心；
背景色：白色；
背景图像：线性渐变（向右，rgba（228241254,1），rgba（255255255,0.2）），url（../image/customer_service.png）；
背景重复：无重复；
背景位置：右；
}

您宝贵的
反馈是我们变得更好的动力
了解更多

如果你有#mid>a->请分享你的URL，我希望你需要参考。mid，因为mid是一个类名而不是id。噢，我解决了。谢谢你的友好回复。

.mid a {
  text-decoration: none;
}