Show or Hide Div with Angular *ngIf

<!-- 
    Angular/HTML/CSS
    
    Sometimes, when you work with a corporate CMS,you cannot predict what people do. 
    I encountered sections on a corporate website with lots of empty DIVs. That 
    created lots of white space and negatively affected the layout. 
    
    You can hide empty DIVs with (S)CSS: div:empty { display: none !important; }
    
    Or you can add an ng-container with *ngIf, shown below.
-->

<ng-container *ngIf="text">
  <div id="card-text" class="card-text" *scRichText="text"></div>
</ng-container>