title: How to right align h:panelGrid?
body: <p>Im design a navigation bar for a webpage in jsf. </p>
  
  <p>I want some links to be on the right of the bar and some on the left. It doesnt seem to work.</p>
  
  <p>Any ideas?</p>
  
  <pre><code>&lt;h:panelGrid columnus="2"&gt;
  &lt;h:panelGroup styleClass="alignmentLeft"&gt;
      &lt;h:panelGrid columns = "2" columnsClasses = "alignmentLeft"&gt;
          &lt;h:outputLink&gt;... &lt;/h:outputLink&gt;
              &lt;h:outputText/&gt;
          &lt;h:outputLink&gt;... &lt;/h:outputLink&gt;
          &lt;h:outputText/&gt;
      &lt;/h:panelGrid&gt;
  &lt;/h:panelGroup&gt;
  &lt;h:panelGroup styleClass="alignmentRight"&gt;
      &lt;h:panelGrid columns = "2" columnsClasses = "alignmentRight"&gt;
          &lt;h:outputLink&gt;... &lt;/h:outputLink&gt;
              &lt;h:outputText/&gt;
          &lt;h:outputLink&gt;... &lt;/h:outputLink&gt;
              &lt;h:outputText/&gt;
      &lt;/h:panelGrid&gt;
  &lt;/h:panelGroup&gt;
  &lt;/h:panelGrid&gt;
  
  
  .alignmentRight {
   text-align : right;
  }
  </code></pre>