WP主题页脚文本对齐方式

Question

我试图将Wordpress 2016主题（子）中的site-info页脚div中的文本排列到div的中心：

我已经应用了以下css，但无法让文本在div的中间对齐：

.site-info, .site-info a {
text-align: center;

}

我不确定导致这种情况的原因是什么？我已尝试过立场：相对，但似乎无法发挥作用。

Answer 1

试试这个

.site-info {
    text-align: center;
    display:block;
}

看来.site-info是一个inline元素，其宽度由其中的内容决定。通过使其成为block元素，它将占据其父级的整个宽度，因此文本将按预期位于中间。

问题作者的更新：

在内置的Wordpress 2016主题中，有一个不同的类需要使用CodeRomeos / Aziz注释进行更改：

.site-footer { display:block; }