title: Center a floating button between two floating buttons (liquid dimensions)
body: <p>I'm having issues centering a floating button between two other floating buttons.</p>
  
  <p>It looks like this thus far:</p>
  
  <p><img src="https://i.stack.imgur.com/z7ie0.png" alt="jQuery buttons; need to center Button B"></p>
  
  <p>The CSS is pretty basic at this point:</p>
  
  <pre><code>A {
    float: left;
  }
  B {
    float: left;
  }
  C {
    float: right;
  }
  </code></pre>
  
  <p>Note: Button A is positioned to the left-most extreme on a page and Button C is the right-most.  B should be in the middle (that's the idea, anyway).</p>
  
  <p>I know there is no 'center' value for float.  And I have read some other solutions for this problem.  But most of them involve setting a specific width in a wrapper div, which not an ideal solution, imo, for a liquid layout design.  If you have to wrap the button, I'm not sure how that's any better than using straight positioning.  </p>
  
  <p>Either way, I'm looking for a solution using a liquid layout approach.</p>
  
  <p>I also tried the following but it did not work.</p>
  
  <pre><code>B {
    position: relative;
    left: 0;
    right: 0;
  }
  </code></pre>
  
  <p>Any help would be most appreciated.  Thank you very much.</p>