html - 如何让我的文字居中位于图像下方，而不是相邻？

Question

在下面的 HTML 标记中，我需要做什么才能获得文本“这是什么？”位于图像下方？最初，我将文本放在 <p> 中标签但是，虽然文本定位正确，但我失去了我想要的超链接行为。

谢谢!

<div class="HorizontallyCentered"> 
    <a href="qr.aspx">
        <img alt="Image of JA10" src="files/ja10.png" height="150" width="150" />
        What is this?
    </a>
</div>

Answer 1

试试这个 CSS

.HorizontallyCentered 
{
    text-align: center   
}
.HorizontallyCentered img
{
  display: block
}

这应该强制文本到下面的行。