Pull quotes for your blog

In: Web development

16 Jul 2003
… I decided to steal the idea and implementation for my blog.

After reading an entry on pull quotes in Adam Polselli’s blog, I decided to steal the idea and implementation for my blog.

All you got to do is define a CSS class and apply it to the <div> that will contain your pull quote, like so (copied directly from Adam’s blog entry):

div.pullquote {
float: right;
width: 150px;
margin: 10px;
margin-left: 15px;
margin-right: 0;
padding: 0;
color: #333;
font-family: georgia, palatino, serif;
font-size: 20px;
text-align: center;
line-height: 24px;
}

All credit goes to Adam for that bit of CSS.

1 Response to Pull quotes for your blog

Avatar

Joseph Ottinger

July 16th, 2003 at 7pm

You know, I had such high hopes, and wasn’t sure if they were valid given the CSS fragment… but I’d hoped that it would actually pull the quote from inlined text, instead of breaking it out. I don’t even know if it’s possible for CSS to do that, but GOLLY that would be neat.