Align icon on the right of a list item

Ionic Framework ionic-v3
1

Hello everyone,

how do I align the arrow icon to the right of the list item.

That is what I mean:

image

That is my code:

<ion-content padding>
    <ion-header>
        {{description}}
    </ion-header>
    <ion-list no-lines>
        <ion-item *ngFor="let subject of subjects">
            {{subject.title}}
            <ion-icon name="arrow-dropright"></ion-icon>
        </ion-item>
    </ion-list>
</ion-content>
1 Like
2

I found out this:

<ion-icon name="arrow-dropright" item-right></ion-icon>

item-right made the trick.

3 Likes
3

Hello everyone.

What about align in the center of the view? “item-center” does not seem to work

Regards

1 Like
4

float-right made the trick