Problems with stylization

Question

The idea is, when the user adds the ingredients it will format the way I want it to

To using Ionic and Angular

Follow the images below

Here the user would add the ingredients

It was supposed to look like this

But it stays that way

<ion-content>
  <ion-card *ngFor="let t of tasks" id="cards">
    <ion-icon
    style="color:rgb(117, 117, 117);"
      name="trash"
      (click)="presentAlertConfirm(t.id, t.titulo)">
    </ion-icon>
        <ion-card-header>
            <ion-card-title class="tituloreceitas">{{t.titulo}}</ion-card-title>
            <ion-card-subtitle>Por: USUARIO</ion-card-subtitle>
            <br> 
    </ion-card-header>
        <ion-card-content> <img class="iconeingredientes" src="assets/iconeingredientes.png">
            <br>
            <br>
            <p class="fonteingredientes"><i class="icon ion-md-restaurant">{{t.ingred}}</i></p> 
            <br> <img class="iconepreparo" src="assets/iconepreparo.png"> 
            <br>
            <br>
            <p><i class="icon ion-md-restaurant">{{t.prep}}</i></p>
        </ion-card-content>
    </ion-card>