JSFiddle - React, Tailwind, and code Playground

HTML

<p> 
    <a target="_blank" href="https://habrahabr.ru/post/181123/">Описание</a> | 
    <a target="_blank" href="http://www.w3.org/International/articles/inline-bidi-markup/">bidi</a>
</p>
<div dir="rtl">
    <!-- <input type="text" value="123456" />
    <br />
    <input type="text" value="123-456" />
    <br />
    <br />
    <input type="text" value="123 456" />
    <br />
    <input type="text" value="123&nbsp;456" />
    <br />
    <input type="text" value="123&lrm; 456" /> -->
    <br />
    <input class="reverse" type="text" value="123 456" />
    <br />
</div>

CSS

div {
    /* float: left; */
}
.reverse {
    unicode-bidi: bidi-override;
    direction: rtl;
}