title: Display elements at the bottom of a p:panel in PrimeFaces
body: <p>Given a <code>&lt;p:panel&gt;</code> as follows.</p>
  
  <pre><code>&lt;p:panel style="height: 360px; width: 500px;" styleClass="panel-padding" header="Custom Measurements"&gt;
      &lt;p:panelGrid columns="2" style="width: 100%;" styleClass="panelgrid-noborder"&gt;
          &lt;p:outputLabel for="sleeveLength" value="Sleeve Length"/&gt;
          &lt;h:outputText id="sleeveLength" value="N/A" style="display: block; border: 1px dotted #999;"/&gt;
  
          &lt;p:outputLabel for="sleeveSize" value="Sleeve Size"/&gt;
          &lt;h:outputText id="sleeveSize" value="N/A" style="display: block; border: 1px dotted #999;"/&gt;
      &lt;/p:panelGrid&gt;
  
      &lt;fieldset style="border:  1px dotted #999; bottom: 0; position: relative; margin: 9px;"&gt;
          &lt;legend&gt;
              &lt;h:outputText value="Note" style="font-weight: bold;"/&gt;
          &lt;/legend&gt;
          Text goes here.
      &lt;/fieldset&gt;
  &lt;/p:panel&gt;
  </code></pre>
  
  <p>The <code>&lt;p:panelGrid&gt;</code> inside the <code>&lt;p:panel&gt;</code> is completely irrelevant and can be excluded in its entirely.</p>
  
  <p>Some CSS classes used (completely irrelevant and can be excluded) : </p>
  
  <pre class="lang-css prettyprint-override"><code>.panelgrid-noborder.ui-panelgrid tr, .panelgrid-noborder.ui-panelgrid .ui-panelgrid-cell {
      border: none;
  }
  
  .panel-padding.ui-panel .ui-panel-content {
      padding: 0;
      margin: 0;
  }
  </code></pre>
  
  <p>The panel has a fixed height of <code>360px</code>. It looks like the following.</p>
  
  <p><img src="https://i.stack.imgur.com/GQ06w.png" alt="enter image description here"></p>
  
  <p>The <code>style</code> attribute of <code>&lt;fieldset&gt;</code> is one of the failed attempts of displaying it at the bottom of the panel.</p>
  
  <p>How can I display the given HTML <code>&lt;fieldset&gt;</code> as indicated by the <em>note</em> box at the bottom of the panel (essentially a <code>&lt;div&gt;</code>)?</p>