<style type="text/css">
/*<![CDATA[*/
.sticky {
position: relative;
background-color: #F4F39E;
border-color: #DEE184;
text-align: center;
margin: 2.5em 0px;
padding: 1.5em 1em;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
font-family: Chalkboard, 'Comic Sans';
}
.sticky.taped:after {
display: block;
content: ' ';
position: absolute;
width: 110px;
height: 30px;
top: -21px;
left: 30%;
border: 1px solid #fff;
background: rgba(254, 254, 254, .6);
-webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0 3px rgba(0,0,0,0.1);
box-shadow: 0px 0 3px rgba(0,0,0,0.1);
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
/*]]>*/
</style>
<p class="sticky taped" style="width: 250px;">
<strong>The Little Turtle</strong>.<br />
There was a little turtle.<br />
He lived in a box.<br />
He swam in a puddle.<br />
He climbed on the rocks.<br />
—Vachel Lindsay
</p>
http://konigi.com/tools/css-sticky-notes
http://konigi.com/tools/css-techniques-horizontal-rules
http://konigi.com/tools/css-tooltips-and-speech-bubbles