Aligning the title to the right

Appflow
1

I would like to align the title to the right. Can you help?

<ion-header color="solhijau">
  <ion-navbar color="solhijau">
    <ion-title><ion-icon name= "arrow-back"></ion-icon>
      <span class="title">Voucher Streaming</span></ion-title>
  </ion-navbar>
</ion-header>
2

See: https://ionicframework.com/docs/theming/css-utilities/

3

I try to align to the right:

<span class="price" text-right>{{product.price}}</span>

but it does not works!

4

18
Screen Shot 2018-10-01 at 18.37.18.png384×676 38.4 KB

html:

<ion-header>

  <ion-navbar>

    <ion-title>
      {{ 'EVENTS_PAGE_TITLE' | translate }}
    </ion-title>

  </ion-navbar>

</ion-header>

scss:

.ios, .md, .wp {

  page-events {

    .toolbar-title {
      text-align: right;
    }

  }

}