asp.net - 如何在列表元素中定位按钮？

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