z-index and pseudo-elements

by drublic

HTML

<blockquote>Gentrify mcsweeney's twee, keytar letterpress cred irony craft beer nihil banh!</blockquote>

CSS

blockquote {
    position: relative;
    background: #ddd;
    margin: 10px; padding: 10px;
}
blockquote:before {
    content: '';
    position: absolute; top: -10px; left: -10px; z-index: -1;
    background: #bada55;
    width: 100%; height: 100%;
}