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?