Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<style>
#blue {
background: blue;
height: 100px;
width: 150px;
}
#orange {
background: orange;
height: 100px;
left: 150px;
position: relative;
top: -100px;
width: 150px;
}
</style>
<body>
<p>Test passes if there is a single blue rectangle on the left, a single orange rectangle directly to its right, and there is no red visible on the page.</p>
<div id="blue"></div>
<div id="orange"></div>
</body>