title: Show html color from a string
body: <p>I have a string, in a variable &quot;prod.de.description&quot;, that is a description of an object, like that:</p>
  <pre><code>&quot;&lt;p&gt;&lt;strong&gt;Test&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;background-color: #ed7e32;&quot;&gt;Test2&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&quot;
  </code></pre>
  <p>When I use innerhtml, it's show only the strong but not the background color. Here is the html code and the result:</p>
  <pre><code> &lt;div class=&quot;col-10&quot; style=&quot;padding-left:0; font-size:0.9rem&quot;&gt;
      &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col-3 text-right&quot;&gt;
          &lt;label class=&quot;modal-tag&quot;&gt;DESCRIPTION&lt;/label&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-9&quot;&gt;
          &lt;p [innerHTML]=&quot;prod.de.description&quot;&gt;&lt;/p&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  <p>That's what I get since now:</p>
  <p><a href="https://i.stack.imgur.com/wpeuY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wpeuY.png" alt="The result of my code" /></a></p>
  <p>Why I don't get the background color under Test2 but only the strong?
  I'm newbie of HTML. Thanks a lot!</p>