c5502-mrgn-r-000

margin-right

WeasyPrint

This browser

Flags
ahem, image

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: margin-right</title>
 5   <meta name="flags" content="ahem image">
 6   <link rel="help" href="http://www.w3.org/TR/REC-CSS1#margin-right">
 7   <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
 8   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
 9   <style type="text/css">
10    body { color: navy; }
11    div { font: 10px/1 Ahem; width: 200px; color: orange; }
12    img { vertical-align: bottom; }
13    .zero {margin-right: 0; text-align: right; background-color: maroon;}
14    .one {margin-right: 0.5in; text-align: right; background-color: maroon;}
15    .two {margin-right: 48px; text-align: right; background-color: maroon;}
16    .three {margin-right: 4.8em; text-align: right; background-color: maroon;}
17    .four {margin-right: 24%; text-align: right; background-color: maroon;}
18   </style>
19   <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" title="8.3 Margin properties: 'margin-top',  'margin-right',  'margin-bottom', 'margin-left', and 'margin'">
20   <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" title="16.2 Alignment: the 'text-align' property">
21  </head>
22  <body>
23   <p>The five "matches" below should be identical.</p>
24   <div>
25    <p class="zero">
26     x<img src="support/swatch-white.png" alt="" height="10" width="48">
27    </p>
28    <p class="one">
29     x
30    </p>
31    <p class="two">
32     x
33    </p>
34    <p class="three">
35     x
36    </p>
37    <p class="four">
38     x
39    </p>
40   </div>
41  </body>
42 </html>