在jquery mobile中右对齐一个元素

eng*_*zzy 7 jquery-mobile

我创建了这个元素形式:

<div class = "ui-grid-a">
                <div class= "ui-block-a">
                    <div data-role="fieldcontain" class = "ui-hide-label">
                        <label for="birth-place">Birth Place</label>
                        <input type="text" name="birth-place" id="birth_place" value="" placeholder="Birth Place" />
                    </div>
                </div>
                <div class = "ui-block-b">
                    <div data-role = "fieldcontain" class="ui-hide-label">
                        <label for="province">Province</label>
                        <input type="text" name="province" id="province" value="" placeholder="PR" />
                    </div>
                </div>
            </div>
Run Code Online (Sandbox Code Playgroud)

我想将元素对齐province到右边.我怎样才能做到这一点?

pal*_*lme 10

试试这个:( <span style="float:right"><label for="province">Province</label></span> 当然你也可以将它放在一个外部的css文件中)