How to align ion-select to horizontaly center


#1

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">
     </label>
 </div>

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

<div text-center>
<ion-item>
        <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>
         </ion-select>           
</ion-item>
</div>

still the results are same

.item-select{
    position: initial;
    margin-left: 100px;
    width:40%;
    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?