title: Insert space between h:panelGrid rows
body: <p><strong>Versions :</strong> </p>
  
  <p>Aapche MyFaces 2.1.14</p>
  
  <p>RichFaces 4.3.5 </p>
  
  <p><strong>Issue :</strong> </p>
  
  <p>I am facing an issue to insert space between rows of h:panelGid.  Below is the general layout for the page : </p>
  
  <pre><code>User Id :   &lt;empty space&gt;
  &lt;INPUT-BOX&gt;     &lt;empty space&gt;
  
  &lt;!-- space here --&gt;
  
  Password 1  :   &lt;empty space&gt;
  &lt;INPUT-BOX&gt;     Description Text
  
  &lt;!-- space here --&gt;
  
  Password 2  :   &lt;empty space&gt;
  &lt;INPUT-BOX&gt;     Description Text
  </code></pre>
  
  <p>To get above layout , i have used below code. Each inner panel grid holds 4 elements in two columns. 
  Top panel grid wraps all inner panel grids with column as 1.</p>
  
  <p>The issue is , I am not able to get space betwen two inner panel grids or more specifically between table cells. 
  I have tried using : </p>
  
  <p>1)cellspacing </p>
  
  <p>2)rowClasses </p>
  
  <p>But none of the two approches are working. The style used for rowClasses is given below. 
  When debugged through browser , it seems that <code>rowClasses</code> does get applied to each <code>&lt;tr&gt;</code> of table. </p>
  
  <p>Can anybody please help ? </p>
  
  <p><strong>Code :</strong> </p>
  
  <pre><code>&lt;h:panelGrid columns="1" rowClasses="tableCell,tableCell,tableCell,tableCell" cellspacing="100px"&gt;
  
  
          &lt;h:panelGrid columns="2"&gt;
                  &lt;h:outputText value="User ID:" styleClass="label"/&gt;
                  &lt;h:outputText value=""/&gt;
  
                  &lt;h:inputText id="userid" name="userid" styleClass="input"/&gt;
                  &lt;h:outputText value=""/&gt;
          &lt;/h:panelGrid&gt;
  
          &lt;!-- space here --&gt; 
  
  
          &lt;h:panelGrid columns="2"&gt;
                  &lt;h:outputText value="Password1:" styleClass="label"/&gt;
                  &lt;h:outputText value=""/&gt;
  
                  &lt;h:inputText id="passwd1" name="passwd1" styleClass="input"/&gt;
                  &lt;h:outputText  value="This is password 1"/&gt;
  
          &lt;/h:panelGrid&gt;
  
          &lt;!-- space here --&gt; 
          &lt;h:panelGrid columns="2"&gt;
                  &lt;h:outputText value="Password2:"/&gt;
                  &lt;h:outputText value=""/&gt;
  
                  &lt;h:inputText id="passwd2" name="passwd2" styleClass="input"/&gt;
                  &lt;h:outputText value="This is password 2 ."/&gt;
          &lt;/h:panelGrid&gt;
          &lt;!-- space here --&gt; 
  
          &lt;h:commandButton id="submit" styleClass="button" value="Submit" action="#{bean.action}"/&gt;
  
  
  &lt;/h:panelGrid&gt;
  
  &lt;!-- style --&gt;
  
  .tableCell{
      margin-top : 100px;
  }
  </code></pre>