h:outputText 值居中对齐

Question

我试图将 h:outputText 标签的值居中对齐，该标签周围有 div 标签。我发现示例 1) 满足了我的目标，但是我希望使用 css 类来满足需要，但我没有成功。示例2）是我尝试过的但失败了。

Example 1)
<div align="center">
    <h:outputText value="Have a blessed day!" />
</div>

Example 2)
<div class="header">
    <h:outputText value="Have a blessed day!" /.
</div>

In css file
.header {
    align: center;
 }
// tried also text-align
.header {
    text-align: center;
 }

[更新] 对不起。这是一场虚惊。确实文本对齐有效。我使用的浏览器 IE 10 显示了缓存数据，所以我被误导了。

Answer 1

style="display: block; width:100%; text-align:center;"

和我一起工作:)