Html 删除引导中的Jumbotron文本下划线

我在我的jumbotron中添加了一些标题和文本，每当我将鼠标移到jumbotron上时，文本都会加下划线，好像它是一个链接（不是）。这是我的html：

<div class ="jumbotron">

    <div class = "container">
        <center><img src = "img/VVlogoFull.png" width = 60%>
            <h2>Welcome - Bienvenidos</h2>
        <p>an online repository of archaeological ceramics</p>
        <p>un repositorio en línea de cerámicas arqueológicas</p>
        <a href = "data.html" class="btn btn-accent">Database</a>
        <a href = "datos.html" class="btn btn-accent">Base de datos</a></center>
    </div>

</div>

这是在html中实现的

<h2 style = "text-decoration : none">

---

都没有用。其他建议？

所以，我不知道为什么，因为我肯定不是那样键入的，但当我在chrome中使用inspector时，它显示了我的代码：

<a> <center><img src = "img/VVlogoFull.png" width = 60%>
    <h2>Welcome - Bienvenidos</h2>
<p>an online repository of archaeological ceramics</p>
<p>un repositorio en línea de cerámicas arqueológicas</p></a>

欢迎光临-Bienvenidos
考古陶瓷的在线存储库

联合国难民署

我将文本编辑器中的代码更改为：

<a style = "text-decoration: none"> <center><img src = "img/VVlogoFull.png" width = 60%>
        <h2>Welcome - Bienvenidos</h2>
    <p>an online repository of archaeological ceramics</p>
    <p>un repositorio en línea de cerámicas arqueológicas</p></a>

欢迎光临-Bienvenidos
考古陶瓷的在线存储库

联合国难民署

---

幻象代码？

首先使用浏览器的开发工具找出下划线的来源，然后就可以很容易地找出需要使用什么选择器来覆盖它。您提供的代码不足以复制您的问题。如果我把这段代码放在一个页面中，并使用Bootstrap的CSS，当鼠标移到页面上时不会出现下划线，甚至连链接都不会。您的问题代码需要重现该问题。看，这可能是你的代码有问题。可能有一些标记未关闭，或者可能有一些

“

要关闭。请仔细检查您的代码。或者请将完整代码粘贴到此处。

<a style = "text-decoration: none"> <center><img src = "img/VVlogoFull.png" width = 60%>
        <h2>Welcome - Bienvenidos</h2>
    <p>an online repository of archaeological ceramics</p>
    <p>un repositorio en línea de cerámicas arqueológicas</p></a>