title: How to make text wrap in ionic2?
body: <p>I am using Ionic2 to build an app.  </p>
  
  <p>I need to display a list of salad. I used <code>&lt;ion-list&gt;</code> and <code>&lt;ion-item&gt;</code> to build it. The problem is the items only can display in one line.<br>
  shown in the following image:<br>
  <a href="https://i.stack.imgur.com/ifntE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ifntE.jpg" alt="enter image description here"></a>  </p>
  
  <p><strong>The CODE</strong>  </p>
  
  <pre><code>    &lt;ion-list&gt;
      &lt;div class='title'&gt;ALL SANDWICHES&lt;/div&gt;
      &lt;div text-wrap class='subtitle'&gt;SERVED ON ARBUTUS SOURDOUGH BREAD
  WHOLEMEAL SOURDOUGH &amp; GLUTEN FREE ARE AVAILABLE&lt;/div&gt;
          &lt;ion-item *ngFor="let test of tests" class='item item-text-wrap'&gt;
              &lt;!-- &lt;div&gt;{{test.id}}&lt;/div&gt; --&gt;
              &lt;div class='name' &gt;{{test.name}} &lt;/div&gt;
              &lt;div class='info'&gt;{{test.info}} &lt;/div&gt;
              &lt;div&gt;€ {{test.price}}&lt;/div&gt;
          &lt;/ion-item&gt;
      &lt;/ion-list&gt;
  </code></pre>
  
  <p><strong>The CSS</strong>  </p>
  
  <pre><code>div.name{
      font-weight: bold;
  }
  div.info{
      font-size: 14px;
      text-align: justify;
      font-style: italic;
  }  
  </code></pre>
  
  <p>It seems both code <code>class='item item-text-wrap'</code> and css <code>text-align: justify;</code> can't work.</p>
  
  <p><strong>THE QUESTION</strong><br>
  Is it possible to dispaly content in multiple lines?  </p>