Skip to content

Instantly share code, notes, and snippets.

@rob1121
Created July 21, 2016 02:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rob1121/b69e35c042db27eb286088a30667c26c to your computer and use it in GitHub Desktop.
Save rob1121/b69e35c042db27eb286088a30667c26c to your computer and use it in GitHub Desktop.
css Big Curly Blockquotes
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment