1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
<!DOCTYPE html> <html> <head> <style type="text/css"> html, body { margin: 0; padding: 5px; } div { height: 20px; background-color: green; } #negative { margin-bottom: -80px; } #positive { margin-top: 100px; } </style> </head> <body> <div id="negative"></div> <div id="positive"></div> </body> </html>