title: align ul inside li in one line
body: <p>I'm trying to make some li's work and can't figure out the following:
  1) for example:</p>
  
  <pre><code>&lt;ul&gt;
  &lt;li&gt; very long element&lt;/li&gt;
  &lt;li&gt; short &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>is it possible with CSS to make the second li element to have width equall to text inside it?
  Apparently its width will be equall to the width of the first element</p>
  
  <p>2) Can I arrange my li and ul in the following way (i write it without formatting so that it displays the way i would like it to be):</p>
  
  <p>|ul|</p>
  
  <p>|li|top1 |ul| |li|sub1|/li| |li|sub2|/li| |/ul|</p>
  
  <p>|li|top2 |ul| |li|sub3|/li| |li|sub4|/li| |/ul|</p>
  
  <p>|/ul|</p>
  
  <p>in other words, have CSS which would align inside particular  li    ul and it's li  in the same line with it?</p>
  
  <p>Regards,
  Denis.</p>