title: add an image in centre of ion item ionic
body: <pre><code>&lt;div class="card"&gt;
    &lt;div class="item item-thumbnail-left  thumb-centre thumb-right"&gt;
  
    &lt;img src="img/carryout-icon.jpg"&gt;&lt;/img&gt;
    &lt;img src="img/or.jpg"&gt;&lt;/img&gt;
    &lt;img src="img/delivery-icon.jpg"&gt;&lt;/img&gt;
  
    &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.item.thumb-right img{
    position: absolute !important;
    top: 10px !important;
    right: 20px !important;
    margin-right: 20px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    width: 100%  !important;
  }
  </code></pre>
  
  <p>How do I update this so as to have the image in the center </p>
  
  <pre><code>.item.thumb-centre img{
    position: center !important;
    top: 10px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    width: 100%  !important;
  }
  </code></pre>
  
  <p>Demo:</p>
  
  <p><a href="http://play.ionic.io/app/91deb2272019" rel="nofollow noreferrer">http://play.ionic.io/app/91deb2272019</a></p>
  
  <p>Edit: Problem with verticle alignment of centre image
  This is how it looks like in console.</p>
  
  <p><a href="https://i.stack.imgur.com/FFaOt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FFaOt.png" alt="enter image description here"></a></p>