1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
<!doctype html> <title>Test reference</title> <style> body { margin: 0 } #outer, #inner { background-color: purple; width: 50%; height: 100vh; } #inner { position: absolute; background-color: blue; top: 0; left: 50%; } </style> <div id="outer"> <div id="inner"></div> </div>