ngFor and new line

Ionic Framework
1

hi,

the output from ngFor is always a new line. I’m trying to put them together (next to each other in one column).
How can be this solved in CSS/Ionic?

        <ion-row class="ion-align-items-baseline1">

          <ion-col>

            <div class="ion-text-start">

              <ion-item *ngFor="let item of list.editors" lines="none">

                <ion-icon slot="start" name="person-outline"></ion-icon>

                <ion-label>{{item}}</ion-label>

              </ion-item>

            </div>

          </ion-col>

          <ion-col>

            <div class="ion-text-start">

              <ion-item lines="none">

                <ion-icon slot="end" name="share-social-outline" (click)="shareList(list.id)"></ion-icon>

              </ion-item>

            </div>

          </ion-col>

        </ion-row>

      </ion-card-content>
2

Get rid of the div and add the class to ion-col?