How to align ion-select to horizontaly center

I want to set ion-select to be horizontally center, but I’m unable to align it to center, I have tried many things… by using these methods I’m unable to do so,

<div text-center>
     <label class="email">
        <input type="email" placeholder="Email" name="email">

above method aligns input box to center but it doesn’t align select-option to center here is a stackblitz

<div text-center>
        <ion-select [(ngModel)]="gaming" interface="popover">
                <ion-option selected value="empty">empty</ion-option>
                <ion-option value="n64">Nintendo64</ion-option>
                <ion-option value="ps">PlayStation</ion-option>
                <ion-option value="genesis">Sega Genesis</ion-option>
                <ion-option value="saturn">Sega Saturn</ion-option>
                <ion-option value="snes">SNES</ion-option>

still the results are same

    position: initial;
    margin-left: 100px;
    text-align: center;

i have tried by wrapping ion-select in to

but i have more than one ion-select in single page if i do it by this way only one work, must have to wrap ion-select in to confirmed here. can any one help me to align ion-select to center?