title: Primefaces separator is displayed as a row element in panelgrid
body: <p>How to use separator tag in primefaces effectively?</p>
  
  <p>For the following output, separator is displayed as one of the element in next row. Ideally I would like separator in a single row and then display other input elements. I have attached screen shot of how separator is displayed, as it is displayed 5th element in second row.</p>
  
  <p>Any help is highly appreciable.</p>
  
  <p>JSF code</p>
  
  <pre><code>&lt;p:panelGrid columns="4" id="mypanel"&gt;
   &lt;f:facet name="header"&gt;
        Projects
        &lt;/f:facet&gt;
  
  &lt;p:outputLabel value="Project: "&gt;
      &lt;p:inputText required="true"
   readonly="true"&gt;
   &lt;/p:inputText&gt;
  &lt;/p:outputLabel&gt;
  
  &lt;p:outputLabel value="Project Title: " &gt;
  &lt;p:inputText readonly="true"&gt;
  &lt;/p:inputText&gt;
  &lt;/p:outputLabel&gt;
  
  &lt;p:outputLabel value="Is selected " &gt;
  &lt;p:selectBooleanCheckbox value="" /&gt;
  &lt;/p:outputLabel&gt;
  
  &lt;p:outputLabel value="Is approved"  &gt;
  &lt;p:selectBooleanCheckbox value="" /&gt;
  &lt;/p:outputLabel&gt;
  
  &lt;p:separator&gt;
  
  &lt;/p:separator&gt;  
      ... other elements
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/lRsYd.png" alt="enter image description here"></p>