如何設置正確的離子項目？

Question

我想將離子項目對齊在正確的位置。我使用align：right但它不起作用。 這是我的代碼。

<ion-item text-wrap style="width:50%;align:right;" >   
  <p style="font-size:10px;color:#C2BEC1;"> {{list.TAG_FROM}} {{list.TAG_DT}}</p>
  <p style="color: #2F2D30;font-size:15px;"> {{list.TAG}}</p>
</ion-item>

Answer 1

使用text-align：right;

<ion-item text-wrap style="width:50%;text-align: right;" >
  <p style="font-size:10px;color:#C2BEC1;"> {{list.TAG_FROM}} {{list.TAG_DT}}</p>
  <p style="color: #2F2D30;font-size:15px;"> {{list.TAG}}</p>
</ion-item>

Answer 2

<ion-item text-wrap style="width:50%;float: right;" >

        <p style="font-size:10px;color:#C2BEC1;"> {{list.TAG_FROM}} {{list.TAG_DT}}</p>
        <p style="color: #2F2D30;font-size:15px;"> {{list.TAG}}</p>


  </ion-item>