將文本放在DIV圖像下

Question

我試圖將文本放在我的圖像下，每個圖像中的文本居中對齊，但似乎不起作用。無論如何，我可以讓這款手機兼容？

這裏的的jsfiddle：http://jsfiddle.net/r3u6B/

這裏的.P的CSS：

.imgcontainer p { 
display:inline-block; 
position:relative; 
padding:1px; 
border: 0px solid #c4c4c4; 
margin:0px 37px 0px 0px; 
width:175px; 
height:175px; 
} 

Answer 1

我想你只需要添加text-align:center你的CSS。

例子： http://jsfiddle.net/r3u6B/1/

所以你調整的代碼如下所示：

.imgcontainer p { 
    display:inline-block; 
    position:relative; 
    padding:1px; 
    border: 0px solid #c4c4c4; 
    margin:0px 37px 0px 0px; 
    width:175px; 
    height:175px; 
    text-align:center; 
    }