<div style="font: 50px ahem; -webkit-font-smoothing: none; direction: rtl; position: absolute; z-index: -1; color: red;"><span style="color: green;">x</span>x</div>
<div id="target" style="text-align: left; font: 50px ahem; -webkit-font-smoothing: none; direction: rtl; color: green;">xp</div>
<script>
    document.body.offsetTop;
    document.getElementById("target").style.unicodeBidi = "bidi-override";
</script>