title: Getting a span element fill the space in a div
body: <p>I'm trying to have something like this:</p>
  
  <pre>
  |--------------fixed width---------------|
   Title1 .......................... value1
   Title2 ................... another value
   Another title ........ yet another value
  </pre>
  
  <p>Here is my html example code:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;span class="left"&gt;Title&lt;/span&gt;
    &lt;span class="center"&gt;&amp;nbsp;&lt;/span&gt;
    &lt;span class="right"&gt;value&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here my css:</p>
  
  <pre><code>.center {
      text-align: center;
      border-bottom: 1px dotted blue;
      display: inline-block;
      outerWidth: 100%;
  }
  
  .right {
      display: block;
      border: 1px dotted red;
      float: right;
  }
  
  .left {
      display: block;
      text-align: right;
      border: 1px dotted red;
      margin-right: 0px;
      float: left;
  }
  
  .container {
      width: 200px;
      border: 1px dotted red;
      padding: 5px;
  }
  </code></pre>
  
  <p>It's possible to make span "center" expand to fill the space between the other two span elements?</p>
  
  <p>Code on jsfiddle: <a href="http://jsfiddle.net/XqHPh/">http://jsfiddle.net/XqHPh/</a></p>
  
  <p>Thank you!</p>