title: CSS: Display only the first two letters of a string
body: <p>Is it possible to display only the first two letters of a string using pure CSS?</p>
  
  <p>So far I have tried (without success):</p>
  
  <ul>
  <li>:first-letter (targets only the first letter and does not work for me anyway)</li>
  <li>:nth-of-everything (requires additional javascript)</li>
  <li>text-overflow: ellipsis; (is adding points)</li>
  <li>overflow: hidden; (only works if the text-size does not change, clumsy solution)</li>
  </ul>
  
  <p>Is there another way?</p>