text-justify-none-001

CSS Text 7.4. Justification Method: text-justify: none

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
text-justify:none means justification is disabled: there are no justification opportunities within the text.

Source

 1 <!DOCTYPE html>
 2 <html><head>
 3 <meta charset="utf-8">
 4 <title>CSS Text 7.4. Justification Method: text-justify: none</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-none-001-ref.htm" rel="match">
 9 <meta content="text-justify:none means justification is disabled: there are no justification opportunities within the text." 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: none;
20 }
21 </style>
22 </head>
23 <body>
24 <p lang="en" class="test">Latin text</p>
25 <p lang="ja" class="test">日本 文字</p>
26 <p lang="th" class="test">อักษรไทย อักษรไทย</p>
27 
28 
29 </body></html>