note card stack

HTML

<div>
    <h1>To Do</h1>
    <ul>
        <li>Make 1 div look like a stack of 3 papers</li> 
        <li>Mow the lawn</li>
        <li>Buy a new toothbrush</li>
        <li>Put coolant in my car</li>       
    </ul>
    <p>I just thought of a way to do this so I'm trying it out real quick.</p>
</div>

CSS

div {
    margin: 30px auto;
    padding: 22px 15px 40px;
    position: relative;
    width: 400px;
    color: #444;
    border:1px solid #ccc;
    box-shadow:0 1px 0 1px #fff, 0 2px 0 1px #ccc, 0 4px 0 1px #fff, 0 5px 0 1px #ccc;
}
h1 {
    font: 24px/26px 'Helvetica Neue', Arial;
    margin: 0 0 6px;
}
li {
    font: 12px/16px Georgia;
    margin: 0 0 7px;
}