How to use style in SCSS and HTML in ionic4?

Ionic Framework Ionic Angular
1

I’m migrating source code from ionic3 to ionic4.

The usage of text-center in html has changed with this error.

[DEPRECATED][CSS] Ionic CSS attributes are deprecated.
Replace:
'<p text-center>'

With:
'<p class="ion-text-center">'

How do I write the following code in ionic4?
Please help me.

> Writing for ionic3

html

<p class="txt_login" text-center (click)="Login()">LOGIN</p>

scss

.txt_login{
    color:white;
    font-size: 10.5rem;
  }

I tried the following but the font size did not work.
<p class="txt_login" style="text-align: center; color:white; font-size: 10.5rem;" (click)="Login()">LOGIN</p>
2

Hi you can use text-center to just like this:

<p class="ion-text-center"> Some Text... </p>
3

I was able to solve it.

<p class="txt_login ion-text-center" (click)="Login()">LOGIN</p>