Html 如何在中间定位按钮

我正在使用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

nshah，你总是可以给你的按钮一个负边距顶部，然后玩数字。但是看起来默认按钮样式可能会有更多的变化。我会先看看

margin-top: -15px;

---

需要清除浮动的元素

div{ 溢出：隐藏； }

帖子

没有对话：(

---

通过“绝对定位”你指的是

边距：auto

技巧吗？它也可能与javascript或jQuery无关…显示：内联块…并删除

标记。使用填充或边距作为垂直间距。这不起作用@Sigma请参见下面的答案使用此方法，不同屏幕分辨率的输出是否会不同？这是可能的.但现在我只能认为15像素的垂直调整不应该有太大的区别，因为它是垂直调整，而不是水平调整。测试看看。这是我最喜欢的证明理论的方法。：）顺便说一句，如果我的答案对你有帮助，你能接受或投票吗？谢谢！谢谢，这和你说的没什么区别

<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>