Html 如何在图片居中时将超链接放置在图片上方？

我一直在尝试将一个超链接置于图片上方的中心位置。我尝试使用div类标记将其居中，但它们不允许像素

 <a href="ex.html"> HOMEPAGE </a><img src="1.jpg width="300" height="300" />

这是我运行它后的样子：

---

<>我想让超链接在图片中间排成一行。 如果向容器元素添加

文本对齐：居中

，您将获得所需内容：

如果在容器元素中添加

文本对齐：居中

，您将获得所需内容：

使用CSS的容器方法

CSS:

HTML

---

使用CSS的容器方法

CSS:

HTML

---

尝试使用元素DIV，将宽度设置为300像素，就像您的图像和CSS一样，将链接与中心对齐：

---

尝试使用元素DIV，将宽度设置为300像素，就像您的图像和CSS一样，将链接与中心对齐：

请添加一个。还有，谁是“他们”？请添加一个。还有，“他们”是谁？你在发布这篇文章之前检查过其他答案吗？在发布这篇文章之前检查过其他答案吗？

.imagecontainer {
  width:300px;
  text-align:center;
}

<div class="imagecontainer">
<a href="link">
Some text
</a>
<img src="https://upload.wikimedia.org/wikipedia/commons/f/ff/Domestic_goat_kid_in_capeweed.jpg" width=300/>
</div>