title: Wrap ionic chips within ion-item Ionic 4
body: <p>I have a requirement where in i need to wrap ionic chips within ion-item of ion-list.</p>
  
  <p>Below is the code for it.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;ion-content&gt;
      &lt;ion-list&gt;
          &lt;ion-item *ngIf="showLayout" class="wrapname"&gt;
              &lt;ion-chip color="danger" item-content&gt;
                  &lt;ion-label &gt;Secondary Label&lt;/ion-label&gt;
                  &lt;ion-icon name="close"&gt;&lt;/ion-icon&gt;
              &lt;/ion-chip&gt;
              &lt;ion-chip color="danger" item-content&gt;
                  &lt;ion-label &gt;Secondary Label&lt;/ion-label&gt;
                  &lt;ion-icon name="close"&gt;&lt;/ion-icon&gt;
              &lt;/ion-chip&gt;
              &lt;ion-chip color="danger" item-content&gt;
                  &lt;ion-label &gt;Secondary Label&lt;/ion-label&gt;
                  &lt;ion-icon name="close"&gt;&lt;/ion-icon&gt;
              &lt;/ion-chip&gt;
          &lt;/ion-item&gt;
      &lt;/ion-list&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Below is the scss code for it.</p>
  
  <pre><code>.wrapname{
      word-wrap: break-word;
      white-space: pre-wrap;
      width:100%;
  }
  </code></pre>
  
  <p>I have used word-wrap,but still its not working.</p>
  
  <p>Am i going wrong somewhere?? </p>