Skip to main content

jQuery Mobile 2 fields on one line example

By Sam Deering



Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

Just logging some code for getting two jquery mobile form inputs on one line.

Should look something like this:



*First Name: *Last Name:


/* register fields span 2 */
.halffield span.label {
    width: 120px !important;
    display: inline-block;
    margin-left: 15px;
.halffield input {
    width: 240px !important;
.halffield input:last-child {
    margin-right: 10px;

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn valuable skills with a practical introduction to Python programming!

Give yourself more options and write higher quality CSS with CSS Optimization Basics.