OLD | NEW |
---|---|
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 body { | 5 body { |
6 background-color: black; | 6 background-color: black; |
7 } | 7 } |
8 div { | 8 div { |
9 width: 200px; | 9 width: 100%; |
10 height: 100px; | 10 height: 100%; |
11 border: 4px solid darkgreen; | 11 border: 4px solid darkgreen; |
12 background-color: green; | 12 background-color: green; |
13 position: absolute; | 13 position: absolute; |
14 left: 50%; | 14 box-sizing: border-box; |
15 top: 50%; | 15 top: 0px; |
16 margin-left: -104px; | 16 left: 0px; |
17 margin-top: -54px; | |
18 } | 17 } |
19 </style> | 18 </style> |
20 </head> | 19 </head> |
21 <body> | 20 <body> |
22 <div></div> | 21 <div></div> |
23 </body> | 22 </body> |
24 </html> | 23 </html> |
OLD | NEW |