h：要對齊中心的outputText值

Question

我試圖對齊由div標記包圍的h：outputText標記的值。我發現例子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

您可以使用下面的代碼來實現您的要求

<div class="container"> 
<div class="center"> 
    <h:outputText value="Have a blessed day!" /> 
</div> 
</div> 

在CSS：

.container { 
    display: flex; 
    justify-content: center; 
} 

.center { 
    width: 800px; 
}