Css 为什么赢了'；我的分区中心不在它的父分区吗？

我正在为一个网站制作标题栏。此标题栏由三部分组成：后退按钮、学校信息和登录按钮。问题是，中心分区，即学校信息，不会以自身为中心。我已经尝试了所有我知道如何做的事情，但没有任何效果

以下是我的HTML和CSS：

/*--按钮栏--*/
.按钮框{
宽度：100%；
背景色：#f1f1；
边框底部：1px实心#d5d5；
盒影：1px 1px 2px#d5d5；
位置：固定；
左：0；
右：0；
排名：0；
/*高度：65px*/
高度：45px；
填充：10px 0px 10px 0px；
}
/*#钮扣杆{
宽度：100%；
高度：45px；
填充：10px 0px 10px 0px；
}*/
.巴斯潘{
身高：100%；
}
.buttonbarspanindex{
宽度：继承；
身高：100%；
边际：0px；
}
#钮扣背景图片{
显示：块；
浮动：左；
垂直对齐：中间对齐；
高度：44px；
边框：1px实心#d5d5；
}
#buttonbarschoolname{
显示：块；
填充：0px；
利润上限：4倍；
文本对齐：左对齐；
垂直对齐：中间对齐；
浮动：左；
}
.按钮Barlight按钮{
显示：块；
浮动：对；
}
.buttonbarsycamorelogo{
保证金：0自动；
显示：块；
文本对齐：居中；
垂直对齐：中间对齐；
高度：44px；
}
.学校用品{
显示：内联块；
保证金：0自动；
文本对齐：居中；
垂直对齐：中间对齐；
宽度：341px；
}
.右按钮{
浮动：对；
}
.左按钮{
浮动：左；
}

三县学校

将

文本对齐：居中

放在父div上将解决此问题。您现在拥有的内容将div中的文本居中，而div应该已经居中

见：

内联块元素将基于父容器文本对齐进行定位。当你的两个侧面都浮起时，这将很好地工作

或者，从中间div中删除

显示：内联块

规则将允许

边距：0自动也将在div居中时生效
请参阅：
Bootstrap太愚蠢了。有一个CSS问题在我的雷达下飞行。谢谢大家的帮助。
什么时候开始有文本对齐中间？这对我没什么用。我完全按照我在JSFIDLE上看到的做了，什么也没发生。检查div，你很可能有另一种风格覆盖了它。是的，我尝试了这两种。当某些东西在JSFIDLE中工作，但在其他任何地方都不工作时，这是令人沮丧的。我正在使用twitter引导。那会引起问题吗？我检查了潜水舱和所有的孩子。似乎没有任何东西在覆盖它。你能发布你的解决方案吗？