title: How to align contents of <p:panel> vertical-align to center
body: <p>In my JSF-PrimeFaces webapp I am having  and I need to vertical-align its contents to center. How can I do that?</p>
  
  <pre><code>&lt;p:panel id="businesses_panel" header="#{business.businessName}" styleClass="mini-panel panel-grid tr panel-grid td panel-hover panel-header-title-small"&gt;
  &lt;div align="center"&gt;
      &lt;p:panelGrid columns="1"&gt;
          &lt;div class="component-spacing-top"/&gt;
          &lt;h:graphicImage alt="#{business.businessName}" value="#{business.logoFullPath}" class="small-panel-image" /&gt;
          &lt;div class="component-spacing-top"/&gt;
      &lt;/p:panelGrid&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p> </p>