Css 锚定标记文本

我有一个锚标签上的文本显示在图像的中心。有没有办法从CSS或HTML中的图像中删除文本？我不想直接从HTML中的标记中删除文本

<a title="mario" id="mario" href="#">Mario</a>

---

您应该添加这些属性

a {
  ...
  display: inline-block;
  text-indent: -9999px;
}

因此，您的

a

元素样式将如下所示

a {
    border: 5px solid black;
    padding: 140px 80px 135px 80px;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
}

---

请在此处编写代码，我们将更容易提供帮助。请分享有关您已有内容的更多详细信息，这可能有多种解决方案，具体取决于您的HTML结构以及您希望进行此更改的原因。在你的问题中分享你的代码如果你是为了搜索引擎优化或某个图像的链接而尝试这样做，那么只需将你的内部文本移动到/或

标题

属性（也用作工具提示）或

aria标签

属性即可。但是，当我们看不到您的尝试时，很难提供帮助

我不想直接从HTML中的标记中删除文本。

为什么不呢？

a {
    border: 5px solid black;
    padding: 140px 80px 135px 80px;
    overflow: hidden;
    display: inline-block;
    text-indent: -9999px;
}