title: Is adding CSS rules outside the Header possible?
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/4606708/declare-css-style-outside-the-head-element-of-an-html-page">Declare CSS style outside the &ldquo;HEAD&rdquo; element of an &ldquo;HTML&rdquo; page ?</a>  </p>
  </blockquote>
  
  
  
  <p>I am creating some content that is being used inside a CMS where I do not have access to the header tag. Is there a way to add CSS rules within the <code>&lt;BODY&gt;</code> of the document?</p>
  
  <p>I want to do this ...</p>
  
  <pre><code>.ClassName
  {
    border: 2px solid red;
    margin: 5px;
    padding: 5px;
  }
  </code></pre>
  
  <p>I could add the style rules "inline" inside the element but I wanted to avoid this if possible since the CSS rules will be used in many elements.</p>
  
  <p>I want to avoid this ...</p>
  
  <pre><code>&lt;div style="border: 2px solid red; margin: 5px; padding: 5px"&gt;content&lt;/div&gt;
  </code></pre>