title: how to do horizontal scroll in ionic 3
body: <p>look at my <a href="https://i.stack.imgur.com/oZGiF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oZGiF.png" alt="image"></a> </p>
  
  <p>I have 10 names in the ion-scroll but it is coming to the next line like a paragraph.</p>
  
  <p>here is my .html code.</p>
  
  <pre><code>&lt;ion-scroll scrollX="true" style="width:100vw; height:50px" &gt;
          &lt;ion-row class="headerChip"&gt;
            &lt;div *ngFor="let tabName of product_type; let idx = index" [ngClass]="showSelectedTabArray[idx].showSelectedTab ? 'headerChipGray' : 'headerChipGreen'"&gt;
            &lt;ion-chip  (click)="changeData(tabName)"&gt;
            &lt;ion-label  &gt;{{tabName.languagename}}&lt;/ion-label&gt;
            &lt;div&gt;&lt;/div&gt;
            &lt;/ion-chip&gt;
            &lt;/div&gt;
          &lt;/ion-row&gt;
        &lt;/ion-scroll&gt;
  </code></pre>
  
  <p>here is my css</p>
  
  <pre><code>.headerChipGray{
      ion-chip.chip.chip-md{
          margin: 2px 2px 2px 2px;
          border-radius: 10px;
          border: 1px solid gray;
          background: white;
      }
      ion-chip.chip.chip-ios{
          margin: 2px 2px 2px 2px;
          border-radius: 10px;
          border: 1px solid gray;
          background: white;
      }
  }
  
  .headerChipGreen{
  
      ion-chip.chip.chip-md{
          margin: 2px 2px 2px 2px;
          border-radius: 10px;
          background: white;
          color: #A80C50;
          border: 1px solid #A80C50;
      }
  
      ion-chip.chip.chip-ios{
          margin: 2px 2px 2px 2px;
          border-radius: 10px;
          background: white;
          color: #A80C50;
          border: 1px solid #A80C50;
      }
  }
  </code></pre>
  
  <blockquote>
    <p>this same piece of code used to work in ionic 2 after updating to ionic 3 i am facing this issue what i am missing ionic doc for ion-scroll</p>
  </blockquote>