Advanced Search

Create pull-quotes also known as a lift-out quote

/ Published in: CSS
Save to your folder(s)
A pull-quote is often used in news magazines which notice small quotes added within the article, not as full block-quotes, but as small quotes that sit within the article but to the side, sometimes adding things such as people’s opinions or quotes. The benefit of using pull-quotes is that it adds greatly to the user experience when reading an article.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .pull-quote {
  2.    width: 200px;
  3.    float: right;
  4.    margin: 5px;
  5.    font-family: Georgia, "Times New Roman", Times, serif;
  6.    font: italic bold #ff0000 ;
  7. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.