<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
q{
font-size: 19px;
}
#point{
quotes: "¯" "*";
}
#point1{
quotes: "„" "“" "‚" "‘";
}
#point2{
quotes: "«" "»" "‹" "›";
}
</style>
</head>
<body>
<h1>CSS quotes Property</h1>
<h2>Two quotes are used</h2>
<p><q id="point">This is a paragraph.</q></p>
<h2>Four quotes are used</h2>
<p><q id="point1">This <q>is a</q> paragraph.</q></p>
<h2>Four quotes are used</h2>
<p><q id="point2">This <q>is a</q> paragraph.</q></p>
</body>
</html>