How to display multiple icons in the same line

Ionic Framework ionic-v3
1

I am trying to display multiple star icons in the same line one the right end side.
Here is my code:

  <div item-end >
      <ion-item *ngFor="let count of item.stars" no-lines>
        <ion-icon name="star" ></ion-icon>
      </ion-item>
      </div>

but the star icons are displayed as in column rather then one line.

image
image.png658×559 7.14 KB

any one can help please? Thanks

2

Repeat the icon, not the item.

1 Like
3

Thanks for your quick reply. you are right. it works.

  <ion-icon *ngFor="let count of item.stars" name="star" item-end ></ion-icon>