Tutorial CSS - Notas ideales para anotaciones

.stickynote {
width: 234px;
margin: 3px;
float: left;
border-left: 4px solid #e32d1f;
-webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.1);
font-family:'Helvetica Neue',Arial,Tahoma;
}

.stickynote span.top {
display: block;
height: 32px;
background: url("http://i.imgur.com/s9Upk5V.png") repeat scroll 0% 0% transparent;
}

.stickynote span.bottom {
height: 40px;
display: block;
background: url("http://i.imgur.com/GLnG2P6.png") repeat scroll 0% 0% transparent;
}


.stickynote .content {
background: url("http://i.imgur.com/d3C1YgB.png") repeat scroll 0% 0% transparent;
color: rgb(104, 106, 107);
font-size: 14px !important;
word-wrap: break-word;
padding: 0px 7px 0px 27px;
line-height: 21px;
}

<div class="stickynote">
<span class="top"></span>
<div class="content">
TEXTO
</div>
<span class="bottom"></span>
</div>

<div class="stickynote"><span class="top"></span><div class="content">
TEXTO
<span class="bottom"></span>
</div></div>