html图片右侧文字居中,html 文字和图片左右居中效果

用css实现图片和文字左右居中给，文字在图片下方如下图所示：

html代码：

                    

我是谁

                    

我是谁

                    

我是谁

                    

我是谁

css代码：

.rows{

margin:0 auto;

width:420px;

height:110px;

}

.row{

float: left;

overflow: hidden;

width: 92px;

margin:5px;

}

.item{

text-align: center;

border: 1px solid #ddd;

height: 90px;

overflow: hidden;

}

.item-a img{

width:90px;

height:90px;

}

.span-div{

margin: 0 auto;

padding: 0;

overflow: hidden;

text-align: center;

text-decoration: none;

font-weight: normal;

width: 92px;

height: 20px;

line-height: 20px;

position: relative;

}