title: How to keep elements under a li element in the same line?
body: <p>I want my elements under a li to display in the single line. If the characters exceeds the length of the div then it should wrap. </p>
  
  <p>Here is the link of my fiddle.</p>
  
  <p><a href="http://jsfiddle.net/NmhB5/" rel="nofollow">http://jsfiddle.net/NmhB5/</a></p>
  
  <p>Now I want that in that div my all element inside a li element should be in the same like. For Example:</p>
  
  <pre><code>O 1.abcdefghijklmnopqrstuvwxyz
  O 2. 12345678901234567890 
  </code></pre>
  
  <p>and like that. 
  Now as we can see that it is exceeding the length of the div so I want to wrap it like this. </p>
  
  <pre><code>O 1. abcdefghijklmnopqrstuv
       wxyz
  O 2. 12345678901234567890
  </code></pre>
  
  <p>How can I do that?</p>