title: inline 2 spans inside div
body: <p>html</p>
  
  <pre><code>&lt;div id="container"&gt;
      &lt;div&gt;
          &lt;span&gt;Visit website&lt;/span&gt;
          &lt;span&gt;View project&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#container {
      width: 100%;
      padding:0;
      background-color: green;
  }
  
  div { padding: 0 20px; width: 0px; background:red;overflow:visible;  text-align: center;}
  
  span {
      background:#222;
      color:#fff;
      display:inline-block;
  
      margin:10px 10px 0 0;
      padding:5px 10px
  }
  </code></pre>
  
  <p><strong>Demo:</strong> <a href="http://jsfiddle.net/cePe3/445/" rel="nofollow">http://jsfiddle.net/cePe3/445/</a></p>
  
  <hr>
  
  <p>How to make the 2 span to be inline with each other in the middle of the container DIV!</p>
  
  <p><strong>Note:</strong> code structure must be as its.</p>
  
  <p>thank you</p>