How can I well align span and icon on ionic listview

#1

Hello :slight_smile:
as you can see below pic…
It’s now vertically centered…like reorder icon…

  1. How can I vertically center on listview?
  2. when words in span is long enough, it goes to below of my star icon…
    I don’t want anything below start icon, How can I achieve it?
    my list view code is as below
  <ion-list reorder="true" (ionItemReorder)="reorderItems($event)">
        <!-- Sliding item -->
        <ion-item-sliding >
          <ion-item text-wrap  >     
               <img  style="width: 1.2em;
               height: 1.2em;" (click)="change(a)" class="iconic" src="assets/imgs/star_fill.png"/>
                   <span  >questionquestionquestionquestionquestionquestionquestion</span> 
          </ion-item>
          <ion-item-options>
            <button ion-button color="primary" (click)="delete(a)">delete</button>
          </ion-item-options>
        </ion-item-sliding>
      </ion-list>

12

#2
<ion-list reorder="true" (ionItemReorder)="reorderItems($event)">
        <!-- Sliding item -->
        <ion-item-sliding >
          <ion-item text-wrap >    
            <ion-row> 
              <ion-col col-1>
              <p> <ion-icon name="ios-star-outline" style="zoom:1.5"></ion-icon></p>
              </ion-col>
              <ion-col col-10>
                   <span  >questionquestionquestionquestionquestionquestionquestion</span> 
              </ion-col>
                   </ion-row>
          </ion-item>
          <ion-item-options>
            <button ion-button color="primary" (click)="delete(a)">delete</button>
          </ion-item-options>
        </ion-item-sliding>
      </ion-list>