jquery - 带有正确文本的拆分按钮列表视图

Question

我有这样的东西：jsfiddle

<div data-role="content">
    <ul data-role="listview" data-split-icon="gear" data-split-theme="d">
            <li><a href="index.html">
                <h3>TEST LEFT | TEST RIGHT:</h3>

                </a><a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
            </li>
</div>

我的问题是我想在齿轮按钮旁边的右侧有“正确的文本：”。

顺序应该是“lefttext”然后是空白，具体取决于按钮的宽度，然后是滚轮旁边的“right text”

我怎样才能做到这一点？

或者：

两个并排的按钮，每个按钮都包含一个没有齿轮按钮的文本

谢谢

问候

Answer 1

不知道我这部分是否正确：

顺序应该是“lefttext”然后是空白，具体取决于按钮的宽度，然后是滚轮旁边的“right text”

这就是你要找的吗？

<div data-role="content">
<ul data-role="listview" data-split-icon="gear" data-split-theme="d">
        <li><a href="index.html">
            <h3><div style="float:left;">TEST LEFT</div> <div style="float:right;">TEST RIGHT:</div></h3>

            </a><a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a>
        </li>

Answer 2

你想像这样排列这些领域还是只是在其中点燃一些东西？

如果你想像我在 jsFiddle 中那样排列列表，这就是你添加的内容：

#myCustomGroup > li {
  display: inline-block;
  float: left;
  width:50%;
}