Ionic-3 Avatar can't center

Question

I am created Ionic 3 Avatar, and Im try to make it center but its cant center, I don't know why can't this center, please help me to fix this Look my attached image,

html

<ion-content padding>
  <ion-avatar class="avatars" >
    <img src="assets/imgs/pro-img.png">
  </ion-avatar>
</ion-content>

css

.avatars{
   margin: auto;
}

Answer 1

Just give the .avatars class to img tag or use this css

.avatars img{
    margin: auto;
}