Jquery mobile 带文本的插入列表

我想做一个很好的布局表，如下所示：

文本标签位于左侧，然后输入/信息在右侧对齐

当我插入输入、选择等时，它在右侧正确对齐。但是，我不知道如何插入简单的文本，使其在右侧正确对齐。是否有一个标签，我需要围绕我的文字，使其正确对齐

谢谢你的帮助

<ul data-role="listview" data-inset="true">
    <li data-role="fieldcontain">
        <label for="name">Text Input:</label>
        <input type="text" name="name" id="name" value=""  />
    </li>
    <li data-role="fieldcontain">
        <label for="textarea">Textarea:</label>
        THE TEXT I WOULD LIKE TO SEE RIGHT-ALIGNED.
    </li>
</ul>

文本输入：


文本区域：
我希望看到的文本是右对齐的。

---

下面是一个示例：

您应该添加一个类ui输入文本，如下所示：

<label for="textarea" class="ui-input-text">Textarea:</label>
THE TEXT I WOULD LIKE TO SEE RIGHT-ALIGNED.

text区域：
我希望看到的文本是右对齐的。

下面是一个例子：

编辑：

---

下面是一个右对齐的示例：

您应该添加一个类ui输入文本，如下所示：

<label for="textarea" class="ui-input-text">Textarea:</label>
THE TEXT I WOULD LIKE TO SEE RIGHT-ALIGNED.

text区域：
我希望看到的文本是右对齐的。

下面是一个例子：

编辑：

---

这里有一个右对齐的示例：

我可能遗漏了一些内容，但该演示中的文本似乎没有右对齐。如果您希望有一个类似于示例中的表格，则文本不应右对齐，所有其他字段都有一个20%宽度的标签，其余字段与其标签对齐。我将为您添加另一个正确对齐的示例。如果我第一次没有正确解释我自己，我感到非常抱歉。。。首先，我遵循的链接，我在HTML/JS框中没有看到任何代码，也许它们是我错过的东西。另外，我希望看到的是类似于表格行的内容，比如一个单元格带有Textarea，另一个单元格带有文本。因此文本不会与第一个单元格“Textarea”重叠。如果你想让我编辑我的问题，也许我会添加一个截图。再次感谢你的帮助。正如您在第一个示例中所看到的，如果文本太长，它将位于“Textarea”下面。不过，再次感谢您的第一次回复。看来class=“ui input text”解决了我的问题。抱歉，在最终解决方案中，JSFIDLE不起作用让我感到困惑。我可能遗漏了一些内容，但在演示中文本似乎没有正确对齐。如果您希望有一个与示例中类似的表，则文本不应该向右对齐，所有其他字段都有一个宽度为20%的标签，其余字段与其标签对齐。我将为您添加另一个正确对齐的示例。如果我第一次没有正确解释我自己，我感到非常抱歉。。。首先，我遵循的链接，我在HTML/JS框中没有看到任何代码，也许它们是我错过的东西。另外，我希望看到的是类似于表格行的内容，比如一个单元格带有Textarea，另一个单元格带有文本。因此文本不会与第一个单元格“Textarea”重叠。如果你想让我编辑我的问题，也许我会添加一个截图。再次感谢你的帮助。正如您在第一个示例中所看到的，如果文本太长，它将位于“Textarea”下面。不过，再次感谢您的第一次回复。看来class=“ui input text”解决了我的问题。抱歉，在最终解决方案上，JSFIDLE不起作用让我感到困惑。你能把a放在一起，显示你在使用什么CSS，我们从哪里开始帮助你吗？你能把a放在一起，显示你在使用什么CSS，我们从哪里开始帮助你吗？