ionic-framework - 将文本右对齐 Html Ionic

Question

我正在尝试在 Html 中对齐文本，但它不起作用，我不知道为什么。我正在使用 ionic 框架。

我的代码是:

<ion-list>
   <ion-item>
      <b>Name</b> <p align="right"> {{paciente.name}}</p>
   </ion-item>
   ....
</ion-list>

它看起来像这样:


但我希望所有文本都在同一行，我不知道如何获得。

Answer 1

添加一个 css 类作为

.item {
    position: absolute;
    right: 0px;
    width: 300px;
    padding: 10px;
}