# ngFor and new line

**URL:** <https://forum.ionicframework.com/t/ngfor-and-new-line/222203>\
**Category:** Ionic Framework\
**Created:** [April 8, 2022, 10:56am UTC](https://forum.ionicframework.com/t/ngfor-and-new-line/222203 "2022-04-08T10:56:50Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![avant0707](https://avatars.discourse-cdn.com/v4/letter/a/6de8d8/32.png) [@avant0707](https://forum.ionicframework.com/u/avant0707)\
**Post date:** [April 8, 2022, 10:56am UTC](https://forum.ionicframework.com/t/ngfor-and-new-line/222203/1 "2022-04-08T10:56:50Z")

</div>

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>
```

---

<div class="post-metadata">

**Author:** ![Tommertom](https://avatars.discourse-cdn.com/v4/letter/t/ed8c4c/32.png) [@Tommertom](https://forum.ionicframework.com/u/Tommertom)\
**Post date:** [April 10, 2022, 8:02am UTC](https://forum.ionicframework.com/t/ngfor-and-new-line/222203/2 "2022-04-10T08:02:34Z")

</div>

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