title: One line label/input field using jquery mobile CSS
body: <p>I'm trying to display a list of labels and inputs using JQuery Mobile so that the results look something like the settings on the iPhone, e.g label is left aligned, and input is right aligned on the same row. The only way I've managed to do this is by using tables, which I believe is bad practice?</p>
  
  <p>What would be the equaling CSS without the tables?</p>
  
  <pre><code>   &lt;ul data-role="listview" data-dividertheme="e"&gt;
                  &lt;li data-role="list-divider"&gt;Seamless List (margin-less)&lt;/li&gt;
                  &lt;li&gt;
                      &lt;table style="width:100% "&gt;
                          &lt;tr&gt;
                              &lt;td style="width: 50%"&gt;
                                  Foo1
                              &lt;/td&gt;
                              &lt;td style="width: 50%"&gt;
  
                                  &lt;input type="number" value="20000" style="text-align: right" 
                                  id="Foo1Input" /&gt;
  
                              &lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/table&gt;
                  &lt;/li&gt;
  </code></pre>