O innerHTML não formata meu texto

Front-end
, ,
#1

Caros , tenho o código abaixo e ele não traz as configuraçoes quando eu uso p innerHTML. Quando uso o innerTEXT eu consigo vê este texto (parte do texto) :

<div style="text-align: center;"><span class="tit5IT" style="color: rgb(0, 102, 204); font-size: 36px; font-weight: bold; font-family: &quot;Open Sans&quot;, sans-serif; text-align: start;">Adote um focinho carente</span><br style="color: rgb(68, 68, 68); font-family: &quot;Open

ou seja, esta salvo do banco as formatações. Mas usando o innerHTML vem só o que esta em negrito simples. Tamanho de fonte, tamanho da imagem, cor da letra, nada disso está vindo formatado.

como eu faço pra conseguir?

<div class="col-md-12">

    <div class="card">

        <div class="panel-body">

            <div class="cabecalho">

                <div [innerHTML]="cabecalho"></div>

            </div>

            <div class="corpo">

                <div [innerHTML]="conteudo"></div>

            </div>

            <div class="rodape">

                <div [innerHTML]="rodape"></div>

            </div>

            <button (click)="voltar()" class="btn btn-secondary btn-sm m-3 ml-4 float-right">

                <i class="fa fa-arrow-left"></i> Voltar</button>

        </div>

    </div>
 

</div>
#2

Boa noite, você fechou a tag “br” ?

#3

Este br que vc está vendo, é uma parte do texto que vem do banco de dado qdo eu uso o innerText, foi só pra exemplificar.