title: CQ5.5 Components with CSS script
body: <p>as i am new to CQ5.5</p>
  
  <p>I was wondering if it is possible to add a css script within a CQ5.5 componenet.</p>
  
  <p>Script as follow alike </p>
  
  <pre><code>&lt; style type="text/css"&gt;
  .testScript
  {
      margin: 0;
      padding: 0;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
  }
  &lt; /style&gt;
  </code></pre>
  
  <p>As when i tried to do this and run my html site through the wc3 validator, i have to following error</p>
  
  <blockquote>
    <p>document type does not allow element "style" here &lt; style
    type="text/css" >  The element named above was found in a context where
    it is not allowed. This could mean that you have incorrectly nested
    elements -- such as a "style" element in the "body" section instead of
    inside "head" -- or two elements that overlap (which is not allowed).
    One common cause for this error is the use of XHTML syntax in HTML
    documents. Due to HTML's rules of implicitly closed elements, this
    error can create cascading effects. For instance, using XHTML's
    "self-closing" tags for "meta" and "link" in the "head" section of a
    HTML document may cause the parser to infer the end of the "head"
    section and the beginning of the "body" section</p>
  </blockquote>
  
  <p>Does it means it requires it to enclosed within the  tag of an  or it is not advisable to write css within the codes of an component? </p>
  
  <p>Any other ways to do it?</p>