css布局，上图，下字

Question

怎样用css布局。
上面是小图标，下面是文字

Answer 1

如果是圖片的話 :

div.item {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 120px;
}

img {
    width: 50px;
    height: 50px;
}

.caption {
    display: block;
}

實現

jsFiddle

Answer 2

楼上的，首先不建议直接给代码……
应该给拱思路。

方法应该很多，
背景定位，上图下字，伪类添加。