title: Elements above other Ionic 4
body: <p>I am working with Ionic 5 and I have a label with a text and a chip. And I want the label with the text on the chip, and center both vertically.</p>
  
  <p>This is my HTML code...</p>
  
  <pre><code>&lt;ion-card&gt;
  
      &lt;ion-item lines="none"&gt;
  
          &lt;ion-label class="nombre-fecha ion-text-start" color="dark"&gt;
              &lt;ion-text&gt;
                  &lt;h3 class="nombre"&gt;Julia&lt;/h3&gt;
                  &lt;p class="fecha"&gt;16 Sept, 2019&lt;/p&gt;
              &lt;/ion-text&gt;
          &lt;/ion-label&gt;
  
          &lt;div class="contenedor-monto"&gt;
              &lt;ion-label class="monto ion-text-end" color="dark"&gt;$150&lt;/ion-label&gt;
              &lt;ion-chip color="rosa"&gt;
                  &lt;ion-label&gt;Pasivo&lt;/ion-label&gt;
              &lt;/ion-chip&gt;
          &lt;/div&gt;
  
      &lt;/ion-item&gt;
  
  
  &lt;/ion-card&gt;
  </code></pre>
  
  <p>And this is my SCSS code...</p>
  
  <pre><code>ion-card {
      width: 80%;
      background-color: white;
      border-radius: 6rem;
      height: 7rem;
  }
  
  .nombre {
      font-size: 2rem;
      font-weight: bold;
      color: black;
  }
  
  .fecha {
      line-height: 1rem;
      font-size: 1.3rem;
  }
  
  .contenedor-monto {
      display: flex;
  }
  .monto {
      font-size: 1.8rem;
      font-weight: bold;
  }
  
  ion-chip {
      height: 2.5rem;
  }
  </code></pre>
  
  <p>Right now I got this...</p>
  
  <p><img src="https://gyazo.com/b48cd33485fab6a51f8586f7d8ac1d26.png" alt="Right now"></p>
  
  <p>But I need this...
  <img src="https://gyazo.com/b0444a7efc4621753c49b831b3e2cf21.png" alt="But I need this..."></p>