title: How to position a button inside a list element?
body: <p>I have a short Ordered List that contains 2 items.  Within the second Item, I want to position a button on the right.  The CSS is giving me trouble so I am posting it here with the hope that someone more skilled can help.</p>
  
  <p>Here's the markup:</p>
  
  <pre><code>&lt;ol&gt;
      &lt;li&gt;Go here to  &lt;a href="review.aspx"&gt;perform an internal review&lt;/a&gt;.&lt;/li&gt;
      &lt;li&gt;When satisfied with the internal review, click the button on the right and then go to the Staging environment for a final review.&lt;span style="width: 25%; display: block;float: right;" &gt;&lt;asp:Button runat="server" runat="server" ID="StageChanges" Text="Stage Changes" OnClick="StageChanges"/&gt;&lt;/span&gt;&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>Ideally I want the button to be inline with list element 2.  The text for list element 2 should wrap appropriately.  Right now the button goes below the second list element.</p>
  
  <p>I tried a couple of variations, but nothing seems to work as I'd like.  One variation included specifying the width of the second list element, but this removed the number 2 from being displayed (or moved it over to be in front of the button).</p>
  
  <p>Thank you in advance!</p>
  
  <p>Edited to add image:
  <img src="https://i.stack.imgur.com/bvGza.png" alt="enter image description here"></p>