我怎麼排列的outputText在panelGrid的

Question

我已經定義

下面的對話框：

 <p:dialog id="dialog" header="Request Detail" 
      widgetVar="requestDialog" resizable="false" showEffect="fade" 
      hideEffect="fade" > 
      <h:panelGrid id="display" columns="2" border="1" cellpadding="4" columnsclasses="width:200px;width:450px;"    
       style="vertical-align:top" > 

       <!-- SNIP --> 

       <h:outputText value="Status Notes:" styleClass="newCourier" /> 
       <h:outputText value="#{uploadStatus.selectedRequest.statusNotes}" styleClass="newCourier" 
        escape="false" /> 

      </h:panelGrid> 
     </p:dialog> 

我怎麼Status Notes對齊/出現在頂部的是網格？

我試過在它的h:outputText標籤和其他許多東西中加入style="float:top"。

如果它的事項，這裏是.newCourier定義：

.newCourier { 
    font-family: courier new; 
} 

我感謝所有幫助。謝謝。

編輯：
基本上，我有一個2列的行表（我有其他行，但只關心這一個）。第一欄只是「狀態註釋」。第二列的長度可變，但可能相當大。現在，「狀態註釋」被置於列框中，但我希望它在列框的頂部垂直對齊。

EDIT2：
What I'm trying to achieve...

Answer 1

而不是標準h:panelGrid，使用Primefaces panelGrid中（<p:panelGrid)

<p:panelGrid id="display" columns="2" border="1" cellpadding="4" columnsclasses="width:200px;width:450px;"> 

       <p:outputPanel style="float: left">  
       <f:facet name="header"> 
       Status Note: #{uploadStatus.selectedRequest.statusNotes} 
       </f:facet> 
       </p:outputPanel> 



      </p:panelGrid> 

更新：

刪除註釋行<!-- SNIP -->