title: How to get two Primefaces elements like MeterGaugeChartModel next to each other?
body: <p>I've got two <code>MeterGaugeChartModel</code> from Primefaces. Currently one is underneath the other, but I want them to get next to each other. How can I do that?</p>
  
  <pre><code>&lt;p:panel header="Capacity Charts"&gt;
    &lt;p:meterGaugeChart id="CPUchart" value="#{chartBean.meterGaugeModelCPU}"
                       showTickLabels="false" labelHeightAdjust="110" intervalOuterRadius="130"
                       seriesColors="66cc66, 93b75f, E7E658, cc6666" style="width:400px;height:250px"
                       title="CPU" label="percentage (%)"/&gt;
    &lt;p:meterGaugeChart id="RAMchart" value="#{chartBean.meterGaugeModelRAM}"
                       showTickLabels="false" labelHeightAdjust="110" intervalOuterRadius="130"
                       seriesColors="66cc66, 93b75f, E7E658, cc6666"
                       style="width:400px;height:250px"
                       title="RAM" label="percentage (%)"/&gt;
  &lt;/p:panel&gt;
  </code></pre>