html - 如何使文字居中于图像下方，而不是与其相邻？

在下面的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>

最佳答案

试试这个CSS

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

应该将文本强制显示在下面的行上。

关于html - 如何使文字居中于图像下方，而不是与其相邻？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3604238/