1 <!DOCTYPE html>
2 <html lang="en"><head>
3 <meta charset="utf-8">
4 <title>text-align: end, textarea, dir=ltr inherited</title>
5 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
6 <link href="https://drafts.csswg.org/css-text-3/#text-align-property" rel="help">
7 <meta content="text-align:end aligns inline-level content to the end edge of the line box – ie. right when base direction is ltr." name="assert">
8 <style type="text/css">
9 .test { text-align: end; }
10 /* the CSS below is not part of the test */
11 .test { border: 1px solid blue; margin: 20px; width: 300px; font-size: 24px; line-height: 1;}
12 </style>
13 </head>
14 <body>
15 <div id="instructions">Test passes if both words are right-aligned in the box.</div>
16 <div dir="ltr">
17 <textarea class="test">latin
18 و·کمی</textarea>
19 </div>
20
21 </body></html>