Ionic item with left and right aligned text

Question

I have an ionic item in an ionic list. What is the best way to left align the first text and right align the second text?

  <div class="item">
    <span>first</span>
    <span>second</span>
  </div>

Answer 1

I use Ionic 3 and the best anwser I think is to use the ionic tags and attributes:

<ion-list>
  <ion-item>
    <ion-label>
      this to the left
    </ion-label>
    <ion-label text-right>
      this to the right
    </ion-label>
  </ion-item>
</ion-list>