如何在中间定位按钮

Question

我正在使用jQuery Mobile来创建我的移动应用程序。我有一个加号按钮，如下所示：

问题是它已关闭，触摸列表项。如何使按钮位于列表项目和其上方水平线之间的中间位置？我试图使用css进行绝对定位，但是没有用。

这是我的代码：

<span style="float:left;color:black;font-weight:bold;font-size:24px"><label for="newpostbutton">Posts</label></span>
<span style="float:right;"><a href="#" data-role="button" id="newpostbutton" data-icon="plus" data-iconpos="notext"></a></span>
<br>
<ul data-role="listview" data-inset="true" id="threads">
    <li>No conversations :(</li>
</ul>

任何帮助将不胜感激：D

Answer 1

nshah，你总是可以给你的按钮一个负边距，然后玩这些数字。但看起来可能还有更多的默认按钮样式。我先看看那里。

margin-top: -15px;

Answer 2

需要清除浮动元素。

div {      溢出：隐藏;    }

<div>
    <span style="float:left;color:black;font-weight:bold;font-size:24px"><label for="newpostbutton">Posts</label></span> <span style="float:right;"><a href="#" data-role="button" id="newpostbutton" data-icon="plus" data-iconpos="notext"></a></span>
</div>
<ul data-role="listview" data-inset="true" id="threads">
    <li>No conversations :(
    </li>
</ul>

http://jsfiddle.net/g9UM4/2/