title: ionic - How to wordwrap a long string in ion-header
body: <p>This is my code, and I tried <code>text-wrap</code> , inside <code>ion-header</code> still can not show whole title.</p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;ion-toolbar text-wrap color="danger"&gt;
      &lt;ion-buttons&gt;
          &lt;button ion-button navPop icon-only&gt;
              &lt;ion-icon ios="ios-arrow-back" md="md-arrow-back"&gt;&lt;/ion-icon&gt;
          &lt;/button&gt;
      &lt;/ion-buttons&gt;
      &lt;ion-title&gt;{{new.title}}&lt;/ion-title&gt;
    &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/RX4rn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RX4rn.png" alt="enter image description here"></a></p>
  
  <p>Update</p>
  
  <pre><code>&lt;ion-header&gt;
    &lt;ion-toolbar color="danger"&gt;
      &lt;ion-buttons&gt;
          &lt;button ion-button navPop icon-only&gt;
              &lt;ion-icon ios="ios-arrow-back" md="md-arrow-back"&gt;&lt;/ion-icon&gt;
          &lt;/button&gt;
      &lt;/ion-buttons&gt;
      &lt;ion-item color="danger" text-wrap&gt;
       &lt;ion-title &gt;{{new.title}}&lt;/ion-title&gt;
      &lt;/ion-item&gt;
    &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  </code></pre>
  
  <p>I tried add <code>ion-item</code> there, but still not working for me.
  <a href="https://i.stack.imgur.com/g7sWa.png" rel="noreferrer"><img src="https://i.stack.imgur.com/g7sWa.png" alt="enter image description here"></a></p>
  
  <p>Update 2</p>
  
  <pre><code>.ios .toolbar-title {
     text-overflow: inherit;
     white-space: normal;
     text-align: left;
     font-size:1.3em;
  }
  
  .md .toolbar-title {
     text-overflow: inherit;
     white-space: normal;
     text-align: left;
     font-size:1.3em;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Ngquv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Ngquv.png" alt="enter image description here"></a></p>