Blockquote with Stitched Sides and Scissor on Top

blockquote-4

CSS:

blockquote {

height: auto; /* image height */
width: 90%;
margin: auto auto;
background: #ffff99 url('http://i.stack.imgur.com/cXciH.png');
background-repeat: no-repeat;
background-position: top right;
position: relative;
border-radius: 10px;
}
blockquote div {
padding: 20px;
height: auto;
width: auto;
position: relative;
top: 50%;
border: 3px dashed black;
margin: 9px;
border-radius: 10px;
}
blockquote p
{
font-size: 21px;
font-weight: bold;
}

HTML:

<blockquote>
<div>
Notice to our Readers

The blockquotes here are designed by Blogger's Grid. We exert every effort to make this design simple and workable.



You may use it on your personal or commercial blog provided that you provide a back link to this site.
</div></blockquote>
Advertisements