title: How to replace tags in innerHtml Angular 8
body: <p>Hello here is my code  - </p>
  
  <pre><code>&lt;span  [innerHtml]="question.description | SafePipe: 'html'" style="font-weight:500;" class="ml-1"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>On my website when inspected i see my span tag contains <code>&lt;p&gt;</code> tags in which i get the whole text </p>
  
  <pre><code>&lt;span&gt;
      &lt;p&gt;  &lt;/p&gt; &lt;/span&gt;
  </code></pre>
  
  <p>i want to replace inner <code>&lt;p&gt;</code> tags with <code>&lt;span&gt;</code> tag. How can i achieve this in angular 8</p>