# Change ion label which is inline to floating based

**URL:** <https://forum.ionicframework.com/t/change-ion-label-which-is-inline-to-floating-based/91245>\
**Category:** ionic-v3\
**Created:** [May 22, 2017, 9:51am UTC](https://forum.ionicframework.com/t/change-ion-label-which-is-inline-to-floating-based/91245 "2017-05-22T09:51:41Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![abhibly](https://avatars.discourse-cdn.com/v4/letter/a/b77776/32.png) [@abhibly](https://forum.ionicframework.com/u/abhibly)\
**Post date:** [May 22, 2017, 9:51am UTC](https://forum.ionicframework.com/t/change-ion-label-which-is-inline-to-floating-based/91245/1 "2017-05-22T09:51:41Z")

</div>

Hello.I have an inline label for a text box something like this

```auto
  <ion-item>
    <ion-label color="primary">Inline Label</ion-label>
    <ion-input placeholder="Text Input"></ion-input>
  </ion-item>

```

I want the label and input box to be inline for devices which has screen size \> 540px. And for devices \<540px i want the label to behave as floating label.  
Can Somebody Please tell me how can i do this