How to make ion list (that is dynamically loaded) as horizontal using css?

Ionic Framework
1

Screenshot%20(283)
Screenshot (283).png1366×768 105 KB

here’s my html code

  <ion-list>
          <ion-item-sliding>
             <ion-input type="text" id="h1">ON SALE</ion-input>
                   <ion-item *ngFor="let product of products"> 
                     <ion-thumbnail slot="start">
                      <ion-img [src]="product.url"></ion-img>
                     </ion-thumbnail>
                      {{product.title}} - ${{product.price}}
                   </ion-item>
          </ion-item-sliding>
      </ion-list>