<!DOCTYPE html>
<html>
    <head>
        <style>
            #test {
                direction: rtl;
                letter-spacing: -10px;
                float: right;
                backface-visibility: hidden;
            }
        </style>
    </head>
    <body>
        <div id="test">| <template></template>a</div>
        <p style="clear: both">
            The line above should have the letter 'a' to the right of the pipe character.
        </p>
    </body>
</html>