Как выровнять ионную метку справа?

Question

Я работаю над проблемой Ionic v2 и сталкивается с проблемой выравнивания значения ионной метки справа. Ниже приведен фрагмент кода:

HTML код:

<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; 
} 

После добавления этих классов текст не получает выровненные вправо.

Answer 1

Просто используйте текстовое выравнивание вместо поплавка.

.alignme{ 
    text-align: right; 
} 

Btw вы должны использовать ионный ярлык только с формами - ион-вход, ион-флажок и т.д.

Answer 2

Вы также можете использовать text-right директиву атрибута, как показано ниже.

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

Для подробной информации о директивах атрибутов см here

Answer 3

Если еще не успех попробовать это

//html 
<ion-item> 
    <ion-input type="text" placeholder="Username"></ion-input> 
    <ion-label class="alignme"> 
     <ion-icon name="logo-playstation"></ion-icon>      
    </ion-label> 
    </ion-item> 

//css 
    .alignme{ 

     position:absolute; 
     right:0 

    }