CSSTemplates.NET
Cascading Style Sheet TemplatesPremium CSS Templates
Visit our new Web Designers Directory
if you are looking for active and reliable Web or CSS Designers to create your CSS or professional templates.
CSS Templates on the 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;
}
