Content and quotation : Quotation « CSS Controls « HTML / CSS






  1. HTML / CSS
  2. CSS Controls
  3. Quotation

Content and quotation

 

<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>CSS Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
q:before {content:open-quote;}
q:after  {content:close-quote;}
q {quotes: '"' '"';}
</style>

</head>
<body>
<p>Here is a paragraph that <q>contains a quote</q> but no quote marks.</p>

</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.Quotation Example
10.Using content property to add quotation marks to blockquote
11.Using div to create quotation box
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