How can I get overlapping divs with relative positions?

Question

I want a few divs to be positioned in a line next to each other, but also allow them to overlap the previous div.

What I\'m trying to get is a timeline with divs for

Answer 1

Use Negative Margins!

Fiddle: http://jsfiddle.net/vZv5k/

---

Another Solution:

Give the .day class a width, height, and position it relatively, keeping the inner divs absolutely positioned.

Check out the below CSS:

.day {position: relative; width: 500px; height: 500px;}

And the HTML: