图像不会以text-align:center居中，因为它旁边有一个跨度

。

这个问题涉及到前端开发和CSS布局的知识。在HTML中，图像通常是作为一个<img>标签插入到页面中的。而text-align:center属性只能对文本内容起作用，无法直接对图像进行居中对齐。

要实现图像的居中对齐，可以使用其他的CSS布局方法，例如使用flexbox布局或者使用margin属性进行调整。以下是两种常见的方法：

1. 使用flexbox布局： 在包含图像的父元素上设置display:flex和justify-content:center属性，可以使图像在水平方向上居中对齐。示例代码如下：
2. 使用flexbox布局： 在包含图像的父元素上设置display:flex和justify-content:center属性，可以使图像在水平方向上居中对齐。示例代码如下：
3. 推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm
4. 使用margin属性进行调整： 在图像的样式中设置margin-left:auto和margin-right:auto属性，可以使图像在水平方向上居中对齐。示例代码如下：
5. 使用margin属性进行调整： 在图像的样式中设置margin-left:auto和margin-right:auto属性，可以使图像在水平方向上居中对齐。示例代码如下：
6. 推荐的腾讯云相关产品：腾讯云对象存储（COS），产品介绍链接地址：https://cloud.tencent.com/product/cos

需要注意的是，以上方法只能实现图像在水平方向上的居中对齐。如果需要在垂直方向上居中对齐，还需要进一步调整CSS样式或者使用其他布局方法。