CSSTemplates.NET
Cascading Style Sheet TemplatesFree CSS Templates
Download the top 10 CSS templates here that are carefully selected by
us. You will get to receive other freebies such as Icons, headers and useful tools. Made possible by CSSTemplates.NET.
Creating a pull quote with text using CSS
The following guide will display the following results:
Here is the normal text. This block is not a quote but only normal content. This block is not a quote but only normal content. This block is not a quote but only normal content. This block is not a quote but only normal content.
"This is a block of quote that is extracted from a reliable source. This quote is only for display illustration purposes."
- KC TAN
Follow by some more normal content. This is not a quote but only normal content. This is not a quote but only normal content.
In HTML file:
<blockquote>
<p>
"This is a block of quote that is extracted from a reliable source. This quote is only for
display illustration purposes."
</p>
<div class="name" >
- KC TAN
</div>
</blockquote>
blockquote{
margin:0;
padding:0;
color:#555;
}
blockquote p{
font: italic 100% Georgia;
font-size: 100%;
margin: 5px 5px 0px 5px;
padding-left:20px;
}
blockquote .name{
text-align:right;
}
