title: Is it possible to display half of the <li>?
body: <p>Using <code>&lt;ul&gt;</code> + <code>&lt;li&gt;</code> :
  <a href="http://jsfiddle.net/FsmcM/" rel="nofollow">http://jsfiddle.net/FsmcM/</a></p>
  
  <p>Using <code>&lt;div&gt;</code> + <code>&lt;span&gt;</code> : <a href="http://jsfiddle.net/z47LM/" rel="nofollow">http://jsfiddle.net/z47LM/</a></p>
  
  <p>Is it possible to display half of the <code>&lt;li&gt;</code>? (like <code>&lt;div&gt;</code> + <code>&lt;span&gt;</code>)</p>