Css 为移动设备调整图像大小-一切正常，但图像获胜'；t中心

我正在以66%的比例调整图像的大小，除了左对齐外，其他一切看起来都很棒。我在CSS中使用了这段代码

/*cells smaller for mobile*/
@media screen
and (min-device-width: 320px) 
and (max-device-width: 480px) {
.cell-large{
max-width: 66%;
height: auto;
display: inline-block;
text-align: center;
vertical-align: middle;
}
}

并将其添加到每个元素的内联样式中，以便更好地测量

padding-top: .25cm; display: inline-block; text-align: center;

但它们都是左对齐的。我忽略了什么？这是蜂窝状细胞，上面有团队成员的照片

谢谢，

---

丽贝卡

忽略-I应用文本对齐：居中；到一个更高层次的容器，这似乎已经完成了技巧。不知道为什么，但很好。

可能是因为内联和内联块元素遵循其父元素的文本对齐方式