web typography study guide

Style Quotation Marks

This is an example of using CSS to style quotation marks.
q:before {
content: '\201C';
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: bold;
padding-right: 2px;
vertical-align: middle; }

q:after {
content: '\201D';
font-family: Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: bold;
padding-left: 2px;
vertical-align: middle;
}

HTML -
<q>This is an example of using CSS to style quotation marks.</q>