text-align-bidi-013

text-align and bidi

WeasyPrint

This browser

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3  <head>
 4   <title>CSS Test: text-align and bidi</title>
 5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
 6   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/text/align/003.html" type="text/html">
 7   <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop">
 8   <style type="text/css">
 9    p { color: blue; }
10    .test { margin: 1em; border: solid; width: 15em; font: 2em/1 monospace; text-align: justify; direction: rtl; }
11   </style>
12  </head>
13  <body>
14   <p>The text below should be justified to fit in the box (straight edges on all sides).</p>
15   <div class="test">
16    א
17    א
18    X
19    אא
20    אאאא
21    XX
22    א
23    א
24    X
25 
26    XX
27    אא
28    XXX
29    אאא
30    אאא
31    אא
32    XX
33 
34    אאא
35    אאא
36    XXXX
37    אאאא
38    XXX
39    אאא
40 
41    XXXX
42    אאאא
43    אא
44    XX
45    אאאא
46    אבגד
47   </div>
48  </body>
49 </html>