title: crop text too long inside div
body: <pre><code>&lt;div style="display:inline-block;width:100px;"&gt;
  
  very long text
  &lt;/div&gt;
  </code></pre>
  
  <p>any way to use pure css to cut the text that is too long rather than show on next new line and only show max 100px </p>