title: setting form input element inline using jquery mobile
body: <p>Well I created a jquery mobile form but the every element is in a new line. I would put PR field after Birth Place in a unique line and the radio button Male/Female in the same line to Birth Date. How can I do? I even tried to use grid columns layout but didn't work.Here is it my own code:</p>
  
  <pre><code>&lt;div data-role = "content"&gt;
          &lt;form action = "?" method="post" name="form" id = "form"&gt;
              &lt;fieldset&gt;
  
              &lt;div data-role = "fieldcontain" class = "ui-hide-label"&gt;
                  &lt;label for="name"&gt;Name&lt;/label&gt;
                  &lt;input type="text" name="name" id="name" value="" placeholder="Name" /&gt;
              &lt;/div&gt;
  
              &lt;div data-role ="fieldcontain" class= "ui-hide-label"&gt;
                  &lt;label for="surname"&gt;Surname&lt;/label&gt;
                  &lt;input type="text" name="surname" id="surname" value="" placeholder="Surname"/&gt;
              &lt;/div&gt;
  
              &lt;div data-role ="fieldcontain" class= "ui-hide-label"&gt;
                  &lt;label for="address"&gt;Address&lt;/label&gt;
                  &lt;input type="text" name="address" id="address" value="" placeholder="Address"/&gt;
              &lt;/div&gt;
  
                  &lt;div data-role="fieldcontain" class = "ui-hide-label"&gt;
                      &lt;label for="birth-place"&gt;Birth Place&lt;/label&gt;
                      &lt;input type="text" name="birth-place" id="birth_place" value="" placeholder="Birth Place" /&gt;
                  &lt;/div&gt;
                  &lt;div data-role = "fieldcontain" class="ui-hide-label"&gt;
                      &lt;label for="province"&gt;Province&lt;/label&gt;
                      &lt;input type="text" name="province" id="province" value="" placeholder="PR" /&gt;
                  &lt;/div&gt;
  
                  &lt;div data-role="fieldcontain" class="ui-hide-label"&gt;
                      &lt;label for"date"&gt;Birth Date&lt;/label&gt;
                      &lt;input type="datetime" name="dt" id="dt" value="" placeholder="Birth Date" /&gt;
                  &lt;/div&gt;
  
                  &lt;div data-role="fieldcontain"&gt;
                      &lt;fieldset data-role="controlgroup" data-type="horizontal"&gt;
                          &lt;input type="radio" name="radio-choice-1" id="radio-choice-1" value="male" /&gt;
                          &lt;label for="radio-choice-1"&gt;Male&lt;/label&gt;
                          &lt;input type="radio" name="radio-choice-1" id="radio-choice-2" value="female"  /&gt;
                          &lt;label for="radio-choice-2"&gt;Female&lt;/label&gt;
                      &lt;/fieldset&gt;
                  &lt;/div&gt;
  
                  &lt;div data-role="fieldcontain" data-type="horizontal"&gt;
                      &lt;label for="select-choice-0"&gt;&lt;/label&gt;
                      &lt;select name="select" id="select"&gt;
                          &lt;option value="politrauma"&gt;Politrauma&lt;/option&gt;
                          &lt;option value="cardiologico"&gt;Cardiologico&lt;/option&gt;
                          &lt;option value="neurologico"&gt;Neurologico&lt;/option&gt;
                      &lt;/select&gt;
                  &lt;/div&gt;
  
                  &lt;/div&gt;
              &lt;/fieldset&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>