title: How do I only display part of a string using css
body: <p>I want to be able to display a string of characters up to 10 characters. If the string goes over 10 characters, I'd like to append '...' to the end. </p>
  
  <p>For example, if I have the string:</p>
  
  <pre><code>'helloworldmynameisryan'
  </code></pre>
  
  <p>I want it to be displayed like so:</p>
  
  <pre><code>'helloworld...'
  </code></pre>
  
  <p>I'm just displaying my string in a div like this:</p>
  
  <pre><code>&lt;div&gt;DisplayMessage&lt;/div&gt;
  </code></pre>
  
  <p>Is there a class that I could create that would only apply if the string were over 10 char?</p>