css 图片 文字居中对齐

例：

<li>

<span class='al'>

<a href="#">

<img class="p_pic" src="pic.jpg">

<span class="name"> nima</span>

</a>

</span>

</li>

css:

.al {

    max-height: 40px;
    width: auto;
    border-radius: 3px;
    margin-top: 1px;
    float: left;

}

使文字居中，设置al的 float属性为left