HTML：图像上方的文字和对齐中心

Question

嗨，我是html和css的新手。现在我在上面设计一些文字并将图像居中。此外，如果图像太长，它会自动进入。 感谢你们。这是我的html图片和文字：

<div class="imgcontainer">
    <a href="#">
        <img src="image.jpg" id="imageid" alt="" />
        <span class="desc" id="text">
            Centered Rollover Text
        </span>
    </a>
    </div>

Answer 1

此样式应使图像居中：

.imgcontainer { text-align:center; }

Answer 2

在img标记上方使用span标记，并为span：

添加此css

span{ display:block; width:100%; text-align:center}