Wed, 31 Dec 2014 07:53:36 +0100
Correct small whitespace inconsistency, lost while renaming variables.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>background-position: right 25% bottom 75%</title>
5 <style type="text/css">
6 #outer
7 {
8 border: 1px solid black;
9 width: 128px;
10 height: 128px;
11 }
12 #inner1
13 {
14 width: 128px;
15 height: 128px;
16 background-position: right 25% bottom 75%;
17 background-image: url(aqua-32x32.png);
18 background-repeat: no-repeat;
19 }
20 #inner2
21 {
22 width: 128px;
23 height: 128px;
24 background-position: bottom 75% right 25%;
25 background-image: url(aqua-32x32.png);
26 background-repeat: no-repeat;
27 }
28 #inner3
29 {
30 width: 128px;
31 height: 128px;
32 background-position: right 24px bottom 72px;
33 background-image: url(aqua-32x32.png);
34 background-repeat: no-repeat;
35 }
36 #inner4
37 {
38 width: 128px;
39 height: 128px;
40 background-position: bottom 72px right 24px;
41 background-image: url(aqua-32x32.png);
42 background-repeat: no-repeat;
43 }
44 </style>
45 </head>
46 <body>
47 <div id="outer"><div id="inner1"></div></div>
48 <div id="outer"><div id="inner2"></div></div>
49 <div id="outer"><div id="inner3"></div></div>
50 <div id="outer"><div id="inner4"></div></div>
51 </body>
52 </html>