大卷曲大引号

Posted 2021-02-27

Markup example: See Big Curly Quotes Markup.
Thx to difusion.org.uk. No need for images to make big quotes on a page, CSS does it for you. Tested in many browsers.

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;
}