title: align to right an element in jquery mobile
body: <p>I've created this elements form:</p>
  
  <pre><code>&lt;div class = "ui-grid-a"&gt;
                  &lt;div class= "ui-block-a"&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&gt;
                  &lt;div class = "ui-block-b"&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&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>and I want to align the element <code>province</code> to the right. How can I do that?</p>