bidi-box-model-014

bidirection box model - margin-left on inline in normal block

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 inline in normal block</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: normal;
18       }
19       
20       div {
21       font: 1em/1 Ahem;
22       text-align: left;
23       width: 20em;
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 class="rtol">
37       First <span>Second</span>
38     </div>
39   </body>
40 </html>