Specify quotation marks

Explanation

You can specify the quotation marks to display before and afer the <q> using CSS. Using quotes, specify the quotation marks to use.

Sample Code [Output]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=shift_jis">
<title>Sample</title>
<style type="text/css"><!--
q { quotes:"y" "z" }
q:before { content:open-quote }
q:after { content:close-quote }
--></style>
</head>
<body>
<h1>Sample</h1>
<p>
It could be worse than the time when some people might feel it happy to live on a salary of <q>three million yen a year</q>.
</p>
</body>
</html>