<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
p::before{
content: open-quote;
font-weight:bold;
font-size:28px;
}
p::after{
content: close-quote;
font-weight:bold;
font-size:28px;
}
#point::before{
content: none;
}
#point::before{
content: none;
}
</style>
</head>
<body>
<h1>CSS content Property</h1>
<p>This is first paragraph.</p>
<p id="point">This is second paragraph.</p>
<p><strong>Note</strong>: like first paragraph, second paragraph is not affect with open and close quote.</p> </body>
</html>