title: css, float alternative
body: <p>In my web app I have a toolbar, it's a div:  </p>
  
  <p>The div has 3 spans. The contents of the 3 spans get filled later.</p>
  
  <p>And the size of the individual spans differ every time.</p>
  
  <pre><code>&lt;div&gt;
      &lt;span id="ab1" style="display: inline-block;"&gt;&lt;/span&gt;
      &lt;span id="ab2" style="display: inline-block;"&gt;&lt;/span&gt;
      &lt;span id="ab3" style="display: inline-block;"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, I want, that span "ab1" should be placed on the left, "ab2" and "ab3" on the right
  side on the div.</p>
  
  <p>Is this possibe WITHOUT float right/left?</p>