title: How to align items in a <h:panelGrid> to the right
body: <p>How would I align everything in my  below to the far right?</p>
  
  <pre><code>&lt;div id="container"&gt;    
       &lt;h:form id="authenticate"&gt;
          &lt;h:panelGrid columns="5" cellpadding="6"&gt;
               &lt;h:inputText id="email" value="" /&gt;
               &lt;p:watermark for="email" value="Email"/&gt;
               &lt;h:inputSecret id="password" value="" /&gt;
               &lt;p:watermark for="password" value="Password"/&gt;
               &lt;p:commandButton id="login" value="Login" align="right"/&gt;
          &lt;/h:panelGrid&gt;
       &lt;/h:form&gt;
  &lt;/div&gt;
  </code></pre>