title: Composite component and CSS
body: <p>I have <code>newcss.css</code></p>
  
  <pre><code>#formdiv {
      width: 30%;
      margin: 150 auto;
  
  }
  </code></pre>
  
  <p>and composite component</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:composite="http://java.sun.com/jsf/composite"&gt;
      &lt;composite:interface&gt;
      &lt;/composite:interface&gt;
      &lt;composite:implementation&gt;
               &lt;h:form id="formdiv"&gt;
                   ...
               &lt;/h:form&gt;
      &lt;/composite:implementation&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When i'm trying to use this component in <code>index.xhtml</code> i cant observe any effects of <code>CSS</code> applying. </p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:lpform="http://xmlns.jcp.org/jsf/composite/mycomp"
        xmlns:h="http://xmlns.jcp.org/jsf/html"&gt;
      &lt;form&gt;
          &lt;mycomp:comp/&gt;
      &lt;/form&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I need that my composite component lay at the center.</p>