OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS 2.1 Test Suite: padding-right</title> | 4 <title>CSS 2.1 Test Suite: padding-right</title> |
| 5 <script src="../resources/ahem.js"></script> |
5 <style type="text/css"> | 6 <style type="text/css"> |
6 .three { background: url(support/swatch-red.png) 5em 2em no-repeat; font: 15p
x/1 Ahem; margin: 1em; } | 7 .three { background: url(support/swatch-red.png) 5em 2em no-repeat; font: 15p
x/1 Ahem; margin: 1em; } |
7 .three div { width: 5em; height: 4em; background: red; } | 8 .three div { width: 5em; height: 4em; background: red; } |
8 .three p { background: white; color: white; } | 9 .three p { background: white; color: white; } |
9 .three span { padding-right: 4em; background: white; color: green; } | 10 .three span { padding-right: 4em; background: white; color: green; } |
10 </style> | 11 </style> |
11 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties"
title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom'
, 'padding-left', and 'padding'"> | 12 <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties"
title="8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom'
, 'padding-left', and 'padding'"> |
12 </head> | 13 </head> |
13 <body> | 14 <body> |
14 <p>There should be a green square below:</p> | 15 <p>There should be a green square below:</p> |
15 <div class="three"> | 16 <div class="three"> |
16 <div> | 17 <div> |
17 <p>xx xx <span>xx xx</span> xx xx</p> | 18 <p>xx xx <span>xx xx</span> xx xx</p> |
18 </div> | 19 </div> |
19 </div> | 20 </div> |
20 </body> | 21 </body> |
21 </html> | 22 </html> |
OLD | NEW |