html - Two input field in line jquery mobile -

<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">     <input type="text" id="expiry_month" name="expiry_month" data-native-menu="false">     <input type="text" id="expiry_year" name="expiry_year" data-native-menu="false"> </fieldset> 

i have html. i'm using jquery mobile building form, can't make 2 input fields on single line. second input field jumps next line. can me out?

check demo fiddle

you can modify selector .ui-input-text changing display property:

.ui-input-text {   display:inline-block; } 

just sure of change inputs inside fieldset assign classname:

<fieldset ... class="aside"> 

and make more specific css rule:

.aside .ui-input-text {   display:inline-block; }