1 <!DOCTYPE html>
2 <html lang="en"><head>
3 <meta charset="utf-8">
4 <title>text-align: start, textarea dir=auto on control</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:start aligns inline-level content to the start edge of the line box – ie. when dir=auto on textarea, left when first strong is ltr, right when rtl." name="assert">
8 <style type="text/css">
9 .test { text-align: start; }
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 the first word is left-aligned, and the second right-aligned in the box.</div>
16 <div>
17 <textarea class="test" dir="auto">latin
18 و·کمی</textarea>
19 </div>
20
21 </body></html>