Formatting Quotes & Citations

The web styling system is called CSS. It provides unlimited ways to style the quotes and citations you include in your body text.

For the design to have and retain maximum power and flexibility, you need to follow a simple formatting standard.


Let's take an example. See this sample quote:

This is your quote. It says whatever you want it to say.

Author Name


  1. Type the quote itself. Don't use quotation marks. They can be dynamically added later on.
  2. Click on the "Block Quote" button in the visual editor ribbon. It's represented by quotation marks.
  3. Click on the 'Source' ribbon button
  4. Insert manually the author name and surround it with a cite HTML tag.
  5. Click on 'Update page' to save the changes.

Source Code

The above quote has been create with this code:


What do you think?