title: Show end of text when overflow in CSS
body: <p>I have a breadcrumbs on my website (<code>|</code> symbolises the area I have for it):</p>
  
  <pre><code>| Home -&gt; Some thing -&gt; Some deeper thing                                            |
  </code></pre>
  
  <p>Currently, it has <code>overflow: hidden</code> set, so when it becomes too long, it results in:</p>
  
  <pre><code>| Home -&gt; Some thing -&gt; Some deeper thing -&gt; Some page with very long and very import|
  </code></pre>
  
  <p>What I'm trying to achieve is to hide the beginning of the text instead of the end, so it should be:</p>
  
  <pre><code>| me thing -&gt; Some deeper thing -&gt; Some page with very long and very important title |
  </code></pre>
  
  <p>How to do that?</p>