1 <!DOCTYPE html>
2 <html><head>
3 <meta charset="utf-8">
4 <title>CSS Text 7.4. Justification Method: text-justify: distribute</title>
5 <link href="mailto:jeremychen@mozilla.com" rel="author" title="Chun-Min (Jeremy) Chen">
6 <link href="https://www.mozilla.org" rel="author" title="Mozilla">
7 <link href="https://drafts.csswg.org/css-text-3/#text-justify-property" rel="help">
8 <link href="reference/text-justify-inter-character-001-ref.htm" rel="match">
9 <meta content="text-justify:distribute means justification adjusts spacing between each pair of adjacent typographic character units." name="assert">
10 <style type="text/css">
11 p {
12 font-size: 1.5em;
13 border: 1px solid black;
14 padding: 10px;
15 margin-right: 310px;
16 }
17 .test {
18 text-align-last: justify;
19 text-justify: distribute;
20 }
21 </style>
22 </head>
23 <body>
24 <p lang="en" class="test">XX</p>
25 <p lang="ja" class="test">文字</p>
26
27
28 </body></html>