WordPress中get_bloginfo输出内容无法居中问题求助

嘿，我来帮你搞定这个居中问题！咱们先揪出问题根源：你给.slogan设置了display: inline-block，但margin-left: auto和margin-right: auto这俩属性对inline-block元素是不起作用的——这类元素的宽度由自身内容决定，不是块级元素那种占满父容器的状态，所以auto边距没法生效。

下面给你两种靠谱的解决方案，选哪种都能搞定：

方法一：把slogan改成块级元素 #

直接修改.slogan的CSS，把inline-block换成block，这样元素会默认占满父容器的宽度，此时auto左右边距就能让它水平居中了：

.slogan {
  display: block; /* 替换原来的inline-block */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /* 可选：如果担心描述太长撑满屏幕，可以加个最大宽度限制 */
  max-width: 80%;
}

方法二：给父容器设置居中对齐 #

如果你不想改变.slogan的inline-block属性，可以给它的父元素（也就是header.header）添加text-align: center，这样内部的inline-block元素会自动居中：

.header {
  text-align: center;
}

同时保留.slogan原有的text-align: center，确保描述文字在自身容器内也居中。

另外可以检查一下header上的clear类，确保它没有设置浮动或者其他干扰布局的属性，保证父容器能正常包裹子元素。

内容的提问来源于stack exchange，提问作者user11799736