title: How to make a p:carousel item fit the carousel width and height?
body: <p>I have a <code>p:outputLabel</code> in a <code>p:caroussel</code> which should display its right border to match the caroussel, i.e. at the outside of a 400px x 200px frame:</p>
  
  <pre><code>&lt;?xml version='1.0' encoding='UTF-8' ?&gt;
  &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://xmlns.jcp.org/jsf/html"
        xmlns:p="http://primefaces.org/ui"&gt;
      &lt;h:head&gt;
          &lt;title&gt;Facelet Title&lt;/title&gt;
      &lt;/h:head&gt;
      &lt;h:body&gt;
          &lt;h:panelGroup style="width: 400px; float: left;" layout="block"&gt;
          &lt;p:carousel&gt;
          &lt;p:outputLabel value="No preview available" style="width: 100%; height: 200px; display: block;"/&gt;
          &lt;/p:carousel&gt;
          &lt;/h:panelGroup&gt;
      &lt;/h:body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It displays the border around an inexplicable frame of 50px x 200px:</p>
  
  <p><a href="https://i.stack.imgur.com/npmJy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/npmJy.png" alt="enter image description here"></a></p>
  
  <p>MVCE at <a href="https://github.com/krichter722/jsf-width-and-height-on-outputlabel" rel="nofollow noreferrer">https://github.com/krichter722/jsf-width-and-height-on-outputlabel</a>.</p>
  
  <p>I'm using Primefaces 6.0.</p>