quotes for quote : q « Tags « HTML / CSS






quotes for quote

   
<?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 rel="stylesheet" type="text/css">
q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

q {
  quotes: '"' '"';
}
</style>
</head>
<body>
<p>that <q>a quote</q> but no quote marks.</p>

</body>
</html>

   
    
  








Related examples in the same category

1.Inline quotation
2.q:before {content:open-quote;}
3.q:after {content:close-quote;}
4.q {quotes: '"' '"';}
5.Create quote with float: right
6.Using classes and CSS overrides to create an alternate pull quote
7.Creating pull quotes in CSS
8.Pull Quote with font, border top bottom
9.Quote with thick border
10.Center Callout
11.Right Floating Callout
12.'q' Example
13.'cite' provides a URL for reference information to a borrowed quotation