​x
 
<html lang="en">
<head>
<title>CSS tutorial</title>
<style type="text/css">
q:lang(en) { 
    quotes: '<<' '>>'; 
}
q:before { 
    content: open-quote; 
}
q:after  { 
    content: close-quote; 
}
p {
    margin-top:30px;
    font-family:"Arial", sans-serif; color:#637;
}
</style>
</head>
​
<body>
​
<p><q>In this paragraph we should see quotes <i><b>&lt;&lt;</b></i> and <i><b>&gt;&gt;</b></i>, instead of <i><b>&quot;</b></i> and <i><b>&quot;</b></i> which are the usual ones.</q></p>
​
</body>
</html>