Quotes

Quotes

Introduction

Quotes come in two flavors:

• cite tag
• blockquote tag

cite is for inline quotation and it simply receives an italic styling.

blockquote is a dedicated block for longer quotations, styled in italic, with a slightly different color, a big quotation mark at the beginning to identify it and dedicate margins. It supports reference/author through a specialization class.

Usage

• Inline quotes

  Inline quotes are created through the traditional cite tag.

  Example

  <p>Normal text <cite>quote</cite></p>

• Block quotes

  Block quotes are created using the traditional blockquote tag. Author/reference can be added using a span tag with a ref class, within the blockquote tag.

  Example

  Simple block quote.

  <blockquote>
    Longer quote.
  </blockquote>

  Example

  Block quote with author.

  <blockquote>
    Longer quote.
    <span class="ref">Author</span>
  </blockquote>

Live examples

Live examples