Big Curly Blockquotes

Submitted by:Jhon Jhon

Date added:05 August, 2013

Category:CSS

CSS code for Big Curly Quotes Markup

Tags: quotes , markup

Code Snippet:

    blockquote {
position: relative;
text-indent: 2em;
}

.bqstart,
.bqend { font-size: 300%; }

/* apply IE specific rules first */
.bqstart {
text-indent: 0;
margin: -0.6em 0 -2em 0;
float: left;
}

blockquote > .bqstart {
/* add extra non-ie rules */
position: absolute;
top: -0.2em;
left: 0;
/* remove IE specific rules */
float: none;
margin: 0;
}

.bqend {
position: absolute;
margin-top: -0.6em;
right: 0;
text-indent: 0;
}

blockquote > .bqend {
margin-top: -0.2em;
}
 
 

Comments