Pull-Quotes attract attention - CSS Class

[John]

A pull-quote is a small selection of text pulled out and quoted in a larger typeface or using some other formatting distinct from the rest of the article.  Here's one way to style it with your CSS. 

.pullquote-right {

border-top: 4px solid black;
border-bottom: 4px solid black;
padding: 15px 0;
margin: 8px 0 10px 20px;
display: block; width: 200px;
float: right;
font-family: Georgia,"Times New Roman","Bitstream Vera Serif",serif;
font-size: 26px;
line-height: 29px;
letter-spacing: -1px;
}

Used within your text this way...
<div class="pullquote-right"> ... </div>

 

[John]

This is what it looks like in a list of blog posts

[John]

Thanks Diane!

[John]

Thanks Diane!

[Caribso]

Will this work for forums...

[John]

No it will not.  The forum is overriding the CSS.

Using !important might help.

[Caribso]

ok thank you John.

[Tatay Ash]

Thanks for sharing, John.
Love it! 

[Speed Racer]

very cool John!

[Illya]

This is great John, well done!