title: Cut text with CSS by width of its parent container
body: <p>I have that text that currently surpasses the width of the fill (if the parent's width is 14% at most), so it goes out of the fill. I'd like to chop that text, relying on parent's width.</p>
  
  <pre><code>&lt;div class="progress-fill"&gt;
    &lt;div class="progress-text"&gt;Christmas is Coming Soon&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to get this?</p>