Difficulty with text alignment on Ionic 2 button

Asked

Viewed 2,423 times

1

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

1 - I tried to use the markup informed in the Ionic Doc (text-left, text-right), I was unsuccessful;

2 - I tried to use css, but unsuccessfully :

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

3 - I added crosswalk-webview to no avail;

4 - I tried to change HTML, unsuccessfully :

<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>

Would anyone know where I’m going wrong ?

html css ionic2 align

  • Harlan, I recommend that you re-edit your question and remove the part you added stating how to resolve the issue. Instead, turn it into an answer. So other users who may face the same problem can find the answer more easily.

  • Celsom, as I cannot accept my own answer as the solution to the problem, I only added the new information I got in the description of the problem. Thanks for the information.

  • 1

    But you can accept, but you have to wait a while ;)

  • Good to know, vlw :P

1 answer

1


Browser other questions tagged html css ionic2 align

You are not signed in. Login or sign up in order to post.