title: how to have space between two specific columns in h:panelgrid
body: <pre><code>&lt;h:panelGrid columns="4"&gt;
  &lt;f:facet name="header"&gt;
   &lt;h:outputText value="Customer   Information"/&gt;
  &lt;/f:facet&gt;
  
  
  &lt;h:outputLabel value="Title" /&gt;&lt;h:outputText  value="#{addProductBean.title}"/&gt;
  
  &lt;h:outputLabel style="width: 80px" value="Date of Birth" /&gt;
  &lt;h:outputText   id="dateofbirth" value="#{addProductBean.dateOfBirth}" size="10"  maxlength="100"/&gt;
  
  
  &lt;h:outputLabel value="First Name" /&gt;&lt;h:outputText id="firstname" value="#  {addProductBean.firstName}" size="10" maxlength="100"/&gt;
  
  &lt;h:outputLabel value="Gender" /&gt;&lt;h:outputText id="gender" value="#{addProductBean.gender}" size="10" maxlength="100"/&gt;
  
  &lt;h:outputLabel value="Last Name" /&gt;&lt;h:outputText id="lastname" value="#{addProductBean.lastName}" size="10" maxlength="100"/&gt;
  
  &lt;/h:panelGrid&gt;
  </code></pre>
  
  <p>In the above I want a space between title dateofbirth and in similar other fields is that possible. </p>