List item with two labels, right and left


#1

Hello,
i need to create a simple Highscore-List.
So I just put two labels into an ion-item like so:

        <ion-list>
			<ion-item *ngFor="let x of scores">
				<ion-label>{{ x.name }}</ion-label>
				<ion-label>{{ x.score }}</ion-label>
			</ion-item>
	  	</ion-list>

The second label gets displayed in the center of the item. But i’d like to have it at the right.
How can i achieve that?

thanks


#2

Does adding the item-right attribute do anything?


#3

ah, sorry, forgot to mention that i tried that already. does not seem to do anything,


#4

So I opted for adding

text-align: right;

on the right label


#5

Just had the look to this, this kind of worked for me

<ion-list>
<ion-item *ngFor="let x of scores">
	<ion-label item-left>{{ x.name }}</ion-label>
	<ion-label item-right text-right>{{ x.score }}</ion-label>
</ion-item>
</ion-list>