源代码如下：

显示部分：

想要让图片居中首先得把图片和文字部分用“块”分开，我的思路是把<a>改造为块儿（添加：”display:table-cell;”属性），然后就加入其他居中的代码（”vertical-align:middle;width:110px;height:84px;line-height:84px;text-align:center;border:1px solid #eee;”），别忘了在<img>中加入”display:invertical-align:middle;”属性。加过之后图片是能够正常居中显示了，可是对图文结构有所破坏，如图：。

于是试着在<a>的属性中加入”float:left;”属性，但是结果是图片的居中就失效了。最后迫不得已在<a>标记的外面又加入一个属性<span style=” float:left;”>这才达到想要的效果（注意：一定要用span这种非块的标记，用div是不行的）。