title: elements of unordered list in the same line
body: <p>I have unordered list like following</p>
  
  <pre><code> &lt;div&gt;
    &lt;ul&gt;
      &lt;li id="e1"&gt;element one&lt;/li&gt;
      &lt;li id="e2"&gt;element two&lt;/li&gt;
    &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>I want e1 and e2 to appear in the same line. And I don't want to use display:inline-block or inline</p>
  
  <p>Is it possible and how?</p>