<!DOCTYPE html>
<html><head>
<title>unicode-bidi:plaintext</title>
<style>
  .plaintext {
    unicode-bidi:-webkit-plaintext;
    unicode-bidi:-moz-plaintext;
    unicode-bidi:plaintext;
  }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head><body>
<div>
In all four cases below,
the exclamation mark should be on the left side of the first line
and on the right side of the second line.
<div>
<textarea rows=4 cols=50 dir=auto>
שלום!
hello!
</textarea><br>

<textarea rows=4 cols=50 class="plaintext">
שלום!
hello!
</textarea><br>

<textarea rows=4 cols=50 dir=ltr class="plaintext">
שלום!
hello!
</textarea><br>

<textarea rows=4 cols=50 dir=rtl class="plaintext">
שלום!
hello!
</textarea>
</body></html>