如何在列表元素中定位按钮？

Question

我有一个包含2个项目的简短订购清单。在第二个项目中，我想在右侧放置一个按钮。 CSS给我带来了麻烦，所以我在这里发帖，希望更有技能的人可以提供帮助。

这是标记：

<ol>
    <li>Go here to  <a href="review.aspx">perform an internal review</a>.</li>
    <li>When satisfied with the internal review, click the button on the right and then go to the Staging environment for a final review.<span style="width: 25%; display: block;float: right;" ><asp:Button runat="server" runat="server" ID="StageChanges" Text="Stage Changes" OnClick="StageChanges"/></span></li>
</ol>

理想情况下，我希望按钮与列表元素2内联。列表元素2的文本应该适当地换行。现在，按钮位于第二个列表元素下方。

我尝试了几种变体，但似乎没有什么能像我想的那样工作。一个变体包括指定第二个列表元素的宽度，但这删除了显示的数字2（或将其移动到按钮前面）。

提前谢谢！

编辑添加图片：

Answer 1

当我把你的代码缩小一点时，它的效果非常好。该按钮位于第二个列表元素的内联中：

<li>
    When satisfied with the internal review, click the button on the right and then go to the Staging environment for a final review.
    <button>Stage Changes</button>
</li>

请记住，按钮是少数表单元素之一，它从包装的内容中获取文本，而不是文本属性。

Answer 2

为列表项添加CSS

ol li{
display: inline-block;
}