Поместите текст под изображениями DIV

Я пытаюсь поместить текст под моими изображениями с выравниванием по центру текста в каждом изображении, но он, похоже, не работает. И все же я могу сделать этот мобильный совместимым?

Здесь JSFiddle: http://jsfiddle.net/r3u6B/

Здесь CSS.p:

.imgcontainer p {
display:inline-block;
position:relative;
padding:1px;
border: 0px solid #c4c4c4;
margin:0px 37px 0px 0px;
width:175px;
height:175px;
}
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;
 }

licensed under cc by-sa 3.0 with attribution.