title: Restrict <p> to one line and ellipsize when necessary?
body: <p>I have this:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;p&gt;Some long text here&lt;/p&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>is there a way to get the p text to be restricted to a single line, and have it ellipsize if it's going to be wider than the parent container?</p>
  
  <p>Thanks</p>