| <!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> |