如何居中对齐SPAN标签中包裹的img？

我正在尝试居中对齐包裹在<span>，但我这样做时遇到困难。我已将 CSS 和 HTML 上传到 jsfiddle：http://jsfiddle.net/7nHhu/1/

我试图让图像以“块”样式与内容居中对齐（即其上方和下方的所有文本，而不是向左或向右换行）

任何帮助将不胜感激。

.imgframe {
border: 1px solid #EAEAEA;
display: inline-block;
margin: 8px;
}
.imgframe img {
border: 1px solid #FFFFFF;
margin: 0;
background: #F6F6F6;
padding: 8px;
-moz-box-shadow: 2px 2px 5px #CCCCCC;
-webkit-box-shadow: 2px 2px 5px #CCCCCC;
}

<span class="imgframe centerimg"><img src="http://i48.tinypic.com/31368e9.jpg" /></span>​

我认为使用 text-align 来居中文本而不是图像更合适。您可以通过设置左右边距自动来使图像居中。

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding-top: 10px; //margin-top doesn't work
} 

Demo