居中嵌入段落的图像？

Question

我正试图让它在移动设备上时，图像位于文本上方，但两者都居中并且两侧边距相等。鉴于以下代码，是否可能这样？如果是这样，怎么样？

<p>
    <img src = "Images\Locations\paolo-warehouse-placeholder.jpg" alt = "Paolo's Hideout" style = "width: 390px; height: 240px;">
    (text)
</p>

Answer 1

为段落元素指定样式text-align: center;以及此样式的图像：

img {
    margin: 0 auto;
    display: block;
}

这将使图像和段落文本居中，并确保文本位于图像下方。