title: how to align text box and text in same line in a form for all orientations
body: <p>i am developing a jquery web page in which i have user name and pwd field. i want to align username and its input text box to its right. but when i put it in the android phone the alignment changes in landscape orientation. i need to align this text box and text in the middle of the page where it does not changes even though orientation changes. please help me in this regard. my code is.</p>
  
  <pre><code>&lt;div data-role="fieldcontain" &gt;
  &lt;div id="a" class="uname"&gt;
  &lt;label for="name"&gt;&lt;font size="1" color="black"&gt;  User Name:  &lt;/font&gt;&lt;/label&gt;
  &lt;input type="text" name="name"  id="text" data-mini="true" value=""/&gt;
  &lt;/div&gt;
  &lt;div id="b" class="uname"&gt;
  &lt;label for="password"&gt;&lt;font size="1" color="black"&gt;Password : &lt;/font&gt;&lt;/label&gt;
  &lt;input type="password" name="password" id="text" data-mini="true" value=""/&gt;&lt;/div&gt;
  </code></pre>
  
  <p></p>