How do you achieve this backwards div effect?
<p>How do you make text go <em>backwards</em> instead of <em>forwards</em>?</p>

<p>Look at these two below pictures...</p>

<p><a href="https://i.stack.imgur.com/tpxSg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tpxSg.png" alt="#1 Visual Aid"></a></p>

<hr>

<p><a href="https://i.stack.imgur.com/zcA6B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zcA6B.png" alt="#2 Visual Aid"></a></p>

<p>Normally, I would create a div that has <code>no width</code> and <code>white-space: nowrap</code> to create text that moves <em>forward</em>. Notice, the arrow is in the same place for both pictures, but the text moves more backwards for the second picture. <strong>How do I achieve this same effect with CSS?</strong></p>