title: Ionic 3, ion-col content has to align middle
body: <p>I have a tabular design from which two ion-col in a ion-row have different number of lines. but I need to align both the content in the middle. what would be best solution for this?</p>
  
  <pre><code>&lt;ion-content padding&gt;
    &lt;ion-grid&gt;
      &lt;ion-row&gt;
         ....other cols....
         &lt;ion-col col-6&gt;
          &lt;label&gt;Date of Audit:
            &lt;h2&gt;01/30/18&lt;br/&gt;
            1:06:50&lt;small&gt;PM UTC&lt;/small&gt;&lt;/h2&gt;
          &lt;/label&gt;
        &lt;/ion-col&gt;
        &lt;ion-col col-6 text-center center class="overall-score"&gt;
          &lt;label&gt;Overall Score:
            &lt;h1&gt;40%&lt;/h1&gt;
          &lt;/label&gt;
        &lt;/ion-col&gt;
     &lt;/ion-row&gt;
    &lt;/ion-grid&gt;
  &lt;/ion-content&gt;
  </code></pre>