text-align in md-grid-tile (Angular Material) doesn't work

Question

text-align in Angular Material doesn\'t work.

{{video         


        

Answer 1

Target div elements inside mat-grid-tile with a width of 100 percent.

my.component.scss

mat-grid-tile div {
  width: 100%;
  text-align: left;
}

my.component.html

  
    
  

  
    

      

        {{ hero.firstName }}
        {{ hero.lastName }}