html - leading specialcharacters appear as trailing while using direction rtl -

i using direction property label. label contains windows style directory paths(the ones backslashes). purpose of using direction:rtl; show end part(or rather filenames) of path, problem getting leading backslashes trailing might confuse user. how can prevent this.

link fiddle: http://jsfiddle.net/pguwo67m/2/

this working on:

---

addendum

i have noticed problem arises other leading special characters well. fiddle: http://jsfiddle.net/6l1az99t/1/

how remove part of path when long:

nodelist.prototype.foreach = array.prototype.foreach;    window.onload = function () {      adjustwidths();  };    function adjustwidths() {    // label elements    var labels = document.queryselectorall('.path').foreach(function (lab) {      var width = lab.getboundingclientrect().width;      if (width >= 260) {        var path = lab.innerhtml;        var patharr = path.split("\\");        var newpath = patharr[0] + '\\...\\' + patharr[patharr.length - 1];        lab.title = path;        lab.innerhtml = newpath;      }    });  }

#wrapper {      width: 300px;      border: 1px solid blue;  }  input {      width: 20px;  }

<div id="wrapper">      <div>          <input type="checkbox" />          <label class="path">development\productinfo.php</label>          <div style="clear:both;"></div>      </div>      <div>          <input type="checkbox" />          <label class="path">development\application\models\cron\dropshipmodel.php</label>          <div style="clear:both;"></div>      </div>      <div>          <input type="checkbox" />          <label class="path">develoment\application\controllers\cron\dropship.php</label>      </div>      <div>          <input type="checkbox" />          <label class="path">development\application\models\cron\dropshipmodel.php</label>          <div style="clear:both;"></div>      </div>      <div>          <input type="checkbox" />          <label class="path">develoment\application\controllers\cron\dropship.php</label>          <div style="clear:both;"></div>      </div>          <div>          <input type="checkbox" />          <label class="path">development\productinfo.php</label>          <div style="clear:both;"></div>      </div>      <div>          <input type="checkbox" />          <label class="path">development\application\models\cron\dropshipmodel.php</label>          <div style="clear:both;"></div>      </div>      <div>          <input type="checkbox" />          <label class="path">develoment\application\controllers\cron\dropship.php</label>      </div>  </div>