JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ja-box-ct clearfix">
		<form action="/index.php/he/thank-you-5" method="post" id="login-form">
		<fieldset class="userdata">
	<p id="form-login-username">
		<label for="modlgn-username">שם משתמש</label>
		<input id="modlgn-username" type="text" name="username" class="inputbox" size="18">
	</p>
	<p id="form-login-password">
		<label for="modlgn-passwd">סיסמה</label>
		<input id="modlgn-passwd" type="password" name="password" class="inputbox" size="18">
	</p>
		<p id="form-login-remember">
		<label for="modlgn-remember">זכור אותי</label>
		<input id="modlgn-remember" type="checkbox" name="remember" class="inputbox" value="yes">
	</p>
		<p id="form-login-submit">
        <input type="submit" name="Submit" class="button" value="כניסה">
    </p>
	<input type="hidden" name="option" value="com_users">
	<input type="hidden" name="task" value="user.login">
	<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xODA=">
	<input type="hidden" name="509e5c7e8ca6267449e80efa1abb15c8" value="1">	</fieldset>
	<ul>
		<li>
			<a href="/index.php/he/component/users/?view=reset">
			שכחתם סיסמא?</a>
		</li>
		<li>
			<a href="/index.php/he/component/users/?view=remind">
			שכחתם שם משתמש?</a>
		</li>
			</ul>
	</form>
<span class="test">        01_034<span>
		</div>

CSS

html{direction:rtl;}

.test{direction:ltr !important;}