Angular material checkbox long text is going out of the box


I have a material design form in my application.

<div fxFlex="20%"  fxFlex.xs="100%""33%">
    <mat-card class="mat-elevation-z4">
            <form action="">
                <mat-checkbox class="example-margin"  matInput name="customerInfo.isok">
                    <div class="text-wrap">
                        This is very long text tha bla bla bla bla bla bla blablabla blablablablablablablablablablablabla
                <mat-form-field appearance="outline">
                    <textarea  matInput name="" [(ngModel)]=""></textarea>

But my checkbox text is very long. So itout of the box.

enter image description here

How can I wrap it?


.text-wrap {
  white-space: normal;

Answered By – Sadegh

Answer Checked By – Candace Johnson (AngularFixing Volunteer)

Leave a Reply

Your email address will not be published.