bidi-box-model-012

bidirection box model - margin-left on embed inline

WeasyPrint

This browser

Assertion
Side margins should be unaffected by directionality

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: bidirection box model - margin-left on embed inline</title>
 5     <link rel="author" title="Eira Monstad, Opera Software ASA" href="mailto:public-testsuites@opera.com">
 6     <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#bidi-box-model">
 7     <meta name="flags" content="">
 8     <meta name="assert" content="Side margins should be unaffected by directionality">
 9     <style type="text/css">
10     span {
11     color: orange;
12     margin-left: 2em;
13     }
14     
15     .rtol {
16     direction: rtl;
17     unicode-bidi: embed;
18     }
19     
20     div {
21     text-align: left;
22     width: 20em;
23     font: 1em/1 Ahem;
24     background: navy;
25     color: teal;
26     margin-bottom: 1em;
27     }
28   </style>
29 </head>
30 
31 <body>
32   <p>Two identical patterns:</p>
33   <div>
34     First <span>Second</span>
35   </div>
36   <div>
37     First <span class="rtol">Second</span>
38   </div>
39 </body>
40 </html>