将文字放在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

我认为你只需要在你的CSS中添加text-align:center。

实施例： 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;
  }