html - このチェックボックスを中央に配置するにはどうすればよいですか

Question

このチェックボックスとテキストを水平方向に中央揃え/揃えるにはどうすればよいですか?

    <h:panelGroup>
      <div>                  
        <h:selectBooleanCheckbox id="deactivate" title="select to deactivate" />
        <h:outputText value="${msg['deactivate/confirm']}" for="deactivate" />                                     
     </div>                 
    </h:panelGroup>