title: Vertical align middle ion-buttons Ionic 2
body: <p>I'm developing a shopping cart page in Ionic 2 and I have the following code and I'm trying to align the buttons with the text vertically in the middle position. I tried with vertical-align: middle CSS but without success. </p>
  
  <pre><code>&lt;ion-list&gt;
    &lt;ion-item *ngFor="let product of this.productsCollection"&gt;
      &lt;ion-buttons end&gt;
        &lt;button ion-button icon-only clear outline (click)="decreaseProduct()"&gt;
          &lt;ion-icon name="remove-circle"&gt;&lt;/ion-icon&gt;
        &lt;/button&gt;
        &lt;span&gt;{{this.quantityProducts}}&lt;/span&gt;
        &lt;button ion-button icon-only clear outline (click)="increaseProduct()"&gt;
          &lt;ion-icon name="add-circle"&gt;&lt;/ion-icon&gt;
        &lt;/button&gt;
    &lt;/ion-buttons&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p></p>
  
  <p>Image result for the above code:
  <a href="https://i.stack.imgur.com/yfeL6.png" rel="nofollow noreferrer">https://i.stack.imgur.com/yfeL6.png</a></p>