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: left 25% bottom</title>
5 <style type="text/css">
6 .outer
7 {
8 border: 1px solid black;
9 width: 128px;
10 height: 128px;
11 }
12 .outer > div
13 {
14 width: 128px;
15 height: 128px;
16 background-image: url(aqua-32x32.png);
17 background-repeat: no-repeat;
18 }
19 #inner1
20 {
21 background-position: left 24px bottom;
22 }
23 #inner2
24 {
25 background-position: left 25% bottom;
26 }
27 #inner3
28 {
29 background-position: right 75% bottom;
30 }
31 #inner4
32 {
33 background-position: right 72px bottom;
34 }
35 </style>
36 </head>
37 <body>
38 <div class="outer"><div id="inner1"></div></div>
39 <div class="outer"><div id="inner2"></div></div>
40 <div class="outer"><div id="inner3"></div></div>
41 <div class="outer"><div id="inner4"></div></div>
42 </body>
43 </html>