Quotation Example : Quotation « CSS Controls « HTML / CSS






Quotation Example

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Quotation Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<div class="head">Quotation Example</div>
<br />
<div class="content">
<h1 align="center">Demo Company Quotes</h1>
<p>See the comments the press has about Demo Company's
futuristic products.</p>
<q>My friend's friend said, <q cite="sounds fishy">My mother's
uncle's cousin thinks that the Demo Company robot is the
greatest invention ever!</q></q>
<br />--George P. Somolovich, Ordinary Citizen
<blockquote cite="http://www.democompany.com">
Demo Company's products are by far the best fictitious products
ever produced! Gadget lovers and haters alike will marvel at the
sheer uselessness of Demo Company gadgets. It's a true shame that
their products are limited only to HTML examples!
</blockquote>
--Matthew J. Foley, Useless Products Magazine
<p>With kudos like this, you need to make sure to buy your
Demo Company products today!</p>
</div>
</body>
</html>

   
    
  








Related examples in the same category

1.Text wraps quotations
2.Quotation style
3.Quotations
4.Quotation with quotation mark image
5.Sidebar with links, text and quotations
6.Quotation with background
7.Quotation with left bar
8.Quotation with quotation mark
9.Using content property to add quotation marks to blockquote
10.Using div to create quotation box
11.Content and quotation
12.Quotation on the right, wrap with text
13.Paragraph wraps around quotation
14.Using classes and CSS overrides to create an alternate pull quote
15.Creating pull quotes in CSS
16.Quote with border