How to align ion-label to right?

Question

I am working on Ionic v2 and and facing issue in aligning ion-label value to the right. Following is the code snippet:

Html Code:

<ion-content padding class="home">
    <ion-list>
        <ion-item class="clearme">
            <ion-label>Employee Name:</ion-label>
            <ion-label class="alignme">Gaurav</ion-label>
        </ion-item>
    </ion-list>

CSS:

.home {
    background-color: red;
}
    
.alignme {
    float:right !important;
}

.clearme {
    clear: both !important;
}

After adding these classes text is not getting aligned to right.

Answer 1

You can also use text-right attribute directive like below.

<ion-label text-right>Gaurav</ion-label>

For detail information about attribute directives, see here

Edit for Ionic 5

<ion-label class="ion-text-right">...</ion-label>

Answer 2

Just use text-align instead of float.

.alignme {
    text-align: right;
}

Btw you should use ion-label only with forms - ion-input, ion-checkbox etc.