Correct method to center elements in ionic2
<p>I have placed some text and a button on page. I am currenlty centering it using traditional css methods that i know of. Is this the correct way to center in IONIC 2?</p>

<pre><code>&lt;ion-content padding class="login-signup"&gt;

  &lt;ion-card&gt;

  &lt;div class="or-label"&gt;
   SOME-TEXT
  &lt;/div&gt;

  &lt;div class="signup-button"&gt;
    &lt;button outline&gt;Signup&lt;/button&gt;
  &lt;/div&gt;

&lt;/ion-content&gt;
</code></pre>

<p>// corresponding css</p>

<pre><code> .or-label {
    width: 20%;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    height: 50px;
    text-align: center;
    color: red;
  }


.signup-button {
  text-align:center;
}
</code></pre>