BlockQuote or Author Quote

How do you add that "gray" box that contains a quote to your posts or website? It's pretty simple once you have the correct code. Here's how to do it:

Add this to your CSS attributes inside your HEAD or on your stylesheet.
blockquote {
margin:0 auto;
padding:10px;
align:center;
border-bottom: 1px dotted #b3b3b3;
border-top: 1px dotted #b3b3b3;
line-height:1.6em;
text-align:justify;
width:355px;
color:#808080;
overflow:hidden;
font-style:italic;
}
blockquote a:link {
color: #0066CC;
}

Add this to your posts or paragraph:
<blockquote>Add your text here, works great if you add a drop caps to it too!</blockquote>

No comments:

Post a Comment