Default

Wrap <blockquote> around any HTML as the quote. For straight quotes, we recommend a <p>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.

Naming A Source

Add a <footer> for identifying the source. Wrap the name of the source work in <cite>.

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.

Someone famous in Source Title

Alternate Displays

Add .blockquote-reverse for a blockquote with right-aligned content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.

Someone famous in Source Title

Cover Quote

Add .cover-quote for a blockquote with left-aligned content and additional class .blockquote-reverse for right-aligned content.

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.
Someone famous in Source Title

Styles

Use any of the available blockquote classes to quickly create a styled button.

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit integer.