为什么怎么设置都无法让这个文字居中对齐呀

↑↑
这个是我做出来的页面，但是“斯莱特林”和下面的字都对不齐，不知道该怎么给它调正确来。

↓下面是我的代码，希望有人能够帮帮我解决一下这个问题，非常感谢！

你放了一堆图，但是在图里根本找不到核心的代码，斯莱特林的字样我都没看见
既然另外三个都是好的，你去对比一下另外三个是怎么设置的呀

text- align:center 或者加center标签试试看呢