title: How to render inner Css - Angular
body: <p>I have an object &quot;Content&quot; contains two properties:</p>
  <pre><code>Content:{
  html:string;
  css:string
  }
  </code></pre>
  <p>and I need to render a div depending on this object, for the html I could do that using:</p>
  <pre><code>&lt;div [innnerHtml]=&quot;Content.html&quot;&gt;&lt;/div&gt;
  </code></pre>
  <p>but I couldn't render the css of the object.
  Content example:</p>
  <pre><code>Content:{
  html:&quot;&lt;p&gt;test rendering the object&lt;/p&gt; &lt;br&gt; &lt;div class=&quot;div1&quot;&gt;&lt;/div&gt;&quot;,
  css:&quot;p{color:red} .div1{background-color:black}&quot;
  }
  </code></pre>