title: Center a div or span while between other spans
body: <p>I have a div container in which there are already 2 spans: one floating left and one floating right. Now I want to add a third span that will be in the center of the div.</p>
  
  <p>I've tried a ton of things, most promising tracks include things like this on the span that is supposed to be the center one:</p>
  
  <pre><code>position: absolute;
  overflow: hidden;
  display: inline-block;
  margin-left: 0px;
  margin-right: 0px;
  </code></pre>
  
  <p>I've even tried using the  tags and coupled it with position:absolute which almost gives what I want except the centered text is on another line. </p>
  
  <p>The left floating element has no styles to it as default is left floating
  The right floating element has nothing except:</p>
  
  <pre><code>float:right;
  </code></pre>