How to make two input fields on same line

Highlighted
Explorer
96 0 4

Using Debut. I can't figure out how to put two input fields on the same line. Here's the fields I would like side by side. Thanks for your help!

 

<label for="ContactFormNumber1">Number1</label>
<input class="form-control" type="number" id="ContactFormNumber1" name="contact[Number1]" oninput="setTwoNumberDecimal(this)" step="0.01" value="0.00">

<label for="ContactFormNumber2">Number2</label>
<input class="form-control" type="number" id="ContactFormNumber2" name="contact[Number2]" oninput="setTwoNumberDecimal(this)" step="0.01" value="0.00">
0 Likes
Highlighted
Shopify Partner
311 33 56

Please give your store URL. to check this and provide solution.

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes
Highlighted
Explorer
96 0 4

Hi @IttantaTech,

This is for a brand new store with inbuilt shopify code, so my store url doesn't have anything that could help solve this question, looking for a general, this is how I would do it answer

 

thanks

0 Likes
Highlighted
Shopify Partner
311 33 56

@tesstesting 

Thanks for update.

Thanks,
Ittanta Technologies Pvt. Ltd. | Shopify Expert
If reply is helpful, please Like and Accept Solution.
To hire us, contact us at info@ittanta.com
0 Likes
Highlighted
Explorer
96 0 4

For anyone interested - this is an update.

I ended up only wanting to do a submit button in same line as input field. You put the input inside the submit div:

 

<input type="submit"value="Find" style="float: right" />
<div style="overflow: hidden; padding-right: .5em;">
   <input type="text" style="width: 100%;" />
</div>

Got this solution here: https://stackoverflow.com/questions/12858979/put-input-submit-on-same-line-as-input-box

0 Likes