Jquery mobile 如何将Jquery Mobile中的文本与表单上的控件对齐？

jquerymobile在网格中很好地布局控件。我希望文本“12345678”在下面的图像中以红色勾勒出来，位于文本框的正上方并左对齐。我不知道怎么做

---

图像是使用此JSIDLE生成的：

您可以使用两个柱网，就像更新后的JSIDLE:

一样，通过设置disabled='true'和value=“12345678”，您可以得到一些像样的东西。帐号仍将显示为字段，但您可以使用不同的主题。看这把小提琴：

祝你好运

    <div class="ui-body ui-body-b">
<div data-role="fieldcontain" data-theme='c'>
<label for="Phone" >Account ID</label>      
<input id="Phone" name="Phone" type="text" disabled='true' value="12345678"  />

</div></div>

<div class="ui-body  ui-body-c">
<div data-role="fieldcontain">
<label for="Email">Email Address</label>
<input data-val="true" data-val-required="The Email Address field is required." id="Email" name="Email" type="text" value="" />

</div> </div>

<div class="ui-bar ui-bar-c">
<div data-role="fieldcontain">
<label for="Email">Email Address</label>
<input data-val="true" data-val-required="The Email Address field is required." id="Email" name="Email" type="text" value="" />

</div> </div>

帐户ID
电子邮件地址
电子邮件地址

在小提琴中，它没有与输入字段左对齐。