How to left align the header in <h:dataTable/>

[Shane Connors]

Hi Guys,

here is my code,

<h:dataTable id="displayGrid" value="#{collection}" var="labels" >
   <f:facet name="header">
	<h:outputText value="my message" style="font-size: 11px; font-weight: normal" />
   </f:facet>


  <h:column id="column1" headerClass="grv_header">
      <h:outputText value="#{collection.countryName}" style="font-size: 9px; font-weight: bold" />
   </h:column>
  <h:column id="column1" headerClass="grv_header">
      <h:outputText value="#{collection.countryName}" style="font-size: 9px; font-weight: bold" />
   </h:column>
</h:dataTable>

my question is how can i left align the text in the <f:facet> in that dataTable
anyone can give me an idea....?