title: Ionic - Center text vertically in item-list with item-avatar class
body: <p>I try to add a Ion-List to my apllication with items build like |Image|Text|Button</p>
  
  <p>The Image and the Button get centerd vertically, but the text does not.</p>
  
  <p>I tried some CCS found on the Internet, which works fine in Browser preview but not on a real device (Samsung Galaxy S3 Mini, Android 4.1.2)</p>
  
  <p><code>style="position: absolute;   top: 50%; transform: translateY(-50%);"</code></p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>    &lt;ion-content&gt;
         &lt;ion-list&gt;
         &lt;ion-item class="item-avatar item-icon-right" collection-repeat="x in y" href="#/pages/{{x.id}}"&gt;
          &lt;img src="img/{{x.icon}}.png"&gt;
          &lt;div style="position: absolute;   top: 50%; transform: translateY(-50%);"&gt;{{x.name}}&lt;/div&gt;
          &lt;i class="icon ion-chevron-right icon-accessory"&gt;&lt;/i&gt;
          &lt;/ion-item&gt;
        &lt;/ion-list&gt;
     &lt;/ion-content&gt;
  </code></pre>
  
  <p><strong>On Device</strong></p>
  
  <p><a href="https://i.stack.imgur.com/2ggmc.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2ggmc.png" alt="device screenshot"></a></p>