title: How can I center this checkbox
body: <p>How can I center/align this checkbox and text horizontally?</p>
  
  <pre><code>    &lt;h:panelGroup&gt;
        &lt;div&gt;                  
          &lt;h:selectBooleanCheckbox id="deactivate" title="select to deactivate" /&gt;
          &lt;h:outputText value="${msg['deactivate/confirm']}" for="deactivate" /&gt;                                     
       &lt;/div&gt;                 
      &lt;/h:panelGroup&gt;
  </code></pre>