Difficulty with text alignment on the Ionic 2 button

1

I started my studies with Ionic 2 these days and I can not align the text of the Ionic buttons to the right or left, it is only in the center.

1 - I tried to use the markings reported in the Ionic Doc (text-left, text-right), I did not succeed;

2 - I tried to use css, but without success:

text-align: right; text-align: -moz-right; text-align: -webkit-right;

3 - I added crosswalk-webview without success;

4 - I tried to change the HTML, without success:

<ion-content text-left>
    <ion-col text-left>
        <ion-row text-left>
            <button ion-button icon-left text-left class="buttons" >Para gerar a vida</button>
        </ion-row>
    </ion-col>
</ion-content>

<ion-content text-left>
    <div text-left>
        <p text-left>
            <button ion-button icon-left text-left class="buttons" >Para gerar a vida</button>
        </p>
    </div>
</ion-content>

<ion-content text-left>
    <div text-left>
        <p text-left>
            <button ion-button icon-left text-left class="buttons" ><p text-left>Para gerar a vida </p></button>
        </p>
    </div>
</ion-content>

Could anyone tell me where I'm going wrong?

    
asked by anonymous 23.04.2017 / 03:03

1 answer

1

User luukschoen replied to me on the Ionic forum: link

I was simply editing the wrong markup, the correct one is:

button-inner {
    justify-content: center;
}
    
24.04.2017 / 01:26