title: Needs use right "text-overflow" when "direction" is set to "rtl"
body: <p>I need to put "..." in the front of text and show only last part of it, when it fills div.</p>
  
  <p>And do nothing when it is normal </p>
  
  <pre><code>&lt;span class="file-upload-status" style="max-width:200px"&gt;
      C:\fakepath\996571_1398802860346752_2094565473_n.jpg
  &lt;/span&gt;
  &lt;br/&gt;
  &lt;span class="file-upload-status" style="max-width:200px"&gt;
      C:\fakepath\1.jpg
  &lt;/span&gt;
  </code></pre>
  
  <p>Here is what i have : <a href="http://jsfiddle.net/CBUH4/5/" rel="nofollow noreferrer">http://jsfiddle.net/CBUH4/5/</a></p>
  
  <p>Here is what i need : <img src="https://i.stack.imgur.com/USrMO.png" alt="enter image description here"></p>
  
  <p>Is it possible to do by Css, without using JavaScript or jQuery.</p>