|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <link rel='stylesheet' type='text/css' href='style.css'> |
|
4 <style> |
|
5 meter { |
|
6 -moz-orient: vertical; |
|
7 } |
|
8 meter:nth-child(1) { margin: 10px; padding: 0px; } |
|
9 meter:nth-child(2) { margin: 0px; padding: 10px; } |
|
10 meter:nth-child(3) { margin: 10px; padding: 10px; } |
|
11 meter:nth-child(4) { margin: 5px; padding: 5px; } |
|
12 meter:nth-child(5) { margin: 50px; padding: 50px; } |
|
13 meter:nth-child(6) { margin: 100px; padding: 100px; } |
|
14 meter:nth-child(7) { margin: 10px 0px 0px 0px; padding: 0px; } |
|
15 meter:nth-child(8) { margin: 0px 10px 0px 0px; padding: 0px; } |
|
16 meter:nth-child(9) { margin: 0px 0px 10px 0px; padding: 0px; } |
|
17 meter:nth-child(10) { margin: 0px 0px 0px 10px; padding: 0px; } |
|
18 meter:nth-child(11) { margin: 0px; padding: 10px 0px 0px 0px; } |
|
19 meter:nth-child(12) { margin: 0px; padding: 0px 10px 0px 0px; } |
|
20 meter:nth-child(13) { margin: 0px; padding: 0px 0px 10px 0px; } |
|
21 meter:nth-child(14) { margin: 0px; padding: 0px 0px 0px 10px; } |
|
22 meter:nth-child(15) { margin: 0px; padding: 2px 4px 6px 8px; } |
|
23 meter:nth-child(16) { margin: 2px 4px 6px 8px; padding: 0px; } |
|
24 </style> |
|
25 <body> |
|
26 <meter value='1'></meter> |
|
27 <meter value='1'></meter> |
|
28 <meter value='1'></meter> |
|
29 <meter value='1'></meter> |
|
30 <meter value='1'></meter> |
|
31 <meter value='1'></meter> |
|
32 <meter value='1'></meter> |
|
33 <meter value='1'></meter> |
|
34 <meter value='1'></meter> |
|
35 <meter value='1'></meter> |
|
36 <meter value='1'></meter> |
|
37 <meter value='1'></meter> |
|
38 <meter value='1'></meter> |
|
39 <meter value='1'></meter> |
|
40 <meter value='1'></meter> |
|
41 <meter value='1'></meter> |
|
42 </body> |
|
43 </html> |