title: Floating two elements to the right in a flexible container
body: <p>I'm trying to float two elements (buttons) to the right of a flexible container.</p>
  
  <p>One of the buttons is also flexible, as the text within it changes depending on who's logged into the system.</p>
  
  <p>Any ideas how this can be achieved? Help is much appreciated! I've already tried float rights (the order of the buttons is wrong when I do that) and display: inline-block (doesn't work).</p>
  
  <p><img src="https://i.stack.imgur.com/4mtbD.png" alt="What I&#39;m trying to achieve"></p>
  
  <p>Edit:</p>
  
  <p>Code I've tried (that doesn't work). This is psuedo version, as I'm currently overhauling a pre-existing system - </p>
  
  <pre><code>&lt;div style="width: 100%"&gt;
     &lt;div style="float:right; text-align: right;"&gt;
         &lt;input type="submit" style="display: inline-block"&gt;&lt;/button&gt;
         &lt;button style="display: inline-block"&gt;&lt;/button&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>