Align text right Html Ionic

Question

I'm trying to align text in Html but it doesn't work and I do not know why. I'm using Ionic Framework.

My code is:

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

and it looks like this:

but I want all text int the same line, and I do not know how to get that.

Answer 1

Add a css class as

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