How to make the button to the right, in a <ion-item>?

Ionic Framework ionic-v3
1 
<ion-item>
      <ion-label fixed ><button ion-button color="light">countdown</button></ion-label>
      <ion-input placeholder="code" type="text"></ion-input>
</ion-item>
2

help me How to make the button to the right

3

You can use float-right attriubute and place the ion-input like this

<ion-item>
      <ion-label fixed>
      <ion-input placeholder="code" type="text"></ion-input>
      <button ion-button color="light" float-right>countdown</button>
      </ion-label>
</ion-item>

Note : This might break DOM flow and you would need clearfix

4 
    <ion-item>
      <ion-input placeholder="code" type="text"></ion-input>
      <button ion-button color="light" item-end>countdown</button>
    </ion-item>

done and thanks

2 Likes