1 <!DOCTYPE html>
2 <html lang="en"><head>
3 <meta charset="utf-8">
4 <title>text-justify: distribute, arabic</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-justify:distribute means justification adjusts spacing between each pair of adjacent typographic character units. Justification must not introduce gaps between the joined typographic letter units of cursive scripts such as Arabic." name="assert">
8 <style type="text/css">
9 .test { text-align: justify; text-justify: distribute; }
10 /* the CSS below is not part of the test */
11 .test { border: 1px solid blue; margin: 20px; width: 290px; font-size: 28px; }
12 </style>
13 </head>
14 <body>
15 <div id="instructions">Test passes if the sequence مممممع has no gaps in it.</div>
16 <div class="test">مممممع مممممع مممممع مممممع مممممع</div>
17
18 </body></html>