Rating text issue

Ionic Framework ionic-v3
1

Here i am trying to show rating text at right side for each restaurant.
my code


<ion-item (click)=“gotoMenu()” ion-item class=“item item-block”>



New Poona Bakery
line—> 4.2

North Indian,Biryani


Hadapsar,pune,Maharashtra

₹₹₹ | Min₹199


<button ion-button (click)=“newPoona()”>Profile
Favorite

image
image.png1366×768 133 KB
.
Any help

2

my code


< ion-item (click)=“gotoMenu()” ion-item class=“item item-block”>

      < ion-thumbnail item-start>
        <  img src="assets/imgs/new-poona.jpg">
      < /ion-thumbnail>
      < span class="title-font">New Poona Bakery 
         < ion-col offset-7 width-5 col-1>4.2</ion-col></span><br>
      < span class="food-menu">North Indian,Biryani</span>
      < br>
      < span class="text-font">Hadapsar,pune,Maharashtra</span><br>  
      < span class="text-font"> ₹₹₹ | Min₹199</span>
      < /ion-item>
      < ion-item-options side="right">
          < button ion-button (click)="newPoona()">Profile</button>
          < button ion-button class="slide-button">Favorite</button>
      < /ion-item-options>