rtl-linebreak

Bidi box model test 9

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

Reference (bad) by WeasyPrint

Reference (bad) by this browser

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   <link rel="reference" href="rtl-linebreak-ref.xht">
 5   <title>CSS Test: Bidi box model test 9</title>
 6   <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
 7   <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model">
 8   <meta name="flags" content="">
 9   <style type="text/css">
10       .r { direction: rtl; }
11       .l { direction: ltr; }
12       div.r { width: 20em; }
13       span { border: 2px solid; padding: 0 10px 0 5px; margin: 0 60px 0 30px; }
14   </style>
15   </head>
16   <body>
17     <div class="r"><span>One<br>Two</span> Some long text that should make sure we line-wrap.  If this didn't line-wrap, it should be longer.  It really should.  And there should be a black border to the left of "Two" above.</div>
18   </body>
19 </html>