Cite, Long Quote, Quote

Style cite elements, long quote elements, and quote elements.


Resource location:@import url("");
Figure 1. Cite
cite overview
Figure 2. Long Quote.

By default, the text in long quote elements is smaller than text in the document body.

long quote default

Common Customizations

You can apply customizations by pasting the following code snippets under the @import rules.

Encapsulate cite elements in inverted commas
cite inverted coma
/* Encapsulate cites in inverted commas. */
.cite::before {
.cite::after {
Make cite elements italic
cite italics
/* Make cite elements italic. */
.cite {
    font-style: italic;
Justify text in long quote elements
justify text in long quote
/* Justify text in lq elements. */
.lq * {
    text-align: justify;
Increase margins
long quote increase margins
/* Increase margins. */
.lq {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 15px;