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

使用span標籤上面img標籤，並添加這個CSS跨度：

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