inline-formatting-context-023

Bidirectional text runs can create additional line boxes

WeasyPrint

This browser

Assertion
Additional inline boxes can be created for the bidirectional text.

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: Bidirectional text runs can create additional line boxes</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#inline-formatting">
 7         <meta name="flags" content="">
 8         <meta name="assert" content="Additional inline boxes can be created for the bidirectional text.">
 9         <style type="text/css">
10             #span1
11             {
12                 margin: 1px;
13                 padding: 1px;
14                 line-height: 25px;
15             }
16             #span2
17             {
18                 direction: rtl;
19                 unicode-bidi: bidi-override;
20                 line-height: 30px;
21             }
22         </style>
23     </head>
24     <body>
25         <p>Test passes if there are three instances of the words "Filler Text" below.</p>
26         <div>
27             <span id="span1">Filler Text <span id="span2">txeT relliF</span> Filler Text</span>
28         </div>
29     </body>
30 </html>