Angular: How to drop a line by the number of characters in the message?

This is an illustration image:

I want after a certain amount of characters to go down a line in the text.

I tried to do it in html:

<div *ngIf="msgText.length > 30">
<br>
</div>


But it's not good

Continue reading...