HTML Element Style How to - Add quotation marks to paragraph

Question

We would like to know how to add quotation marks to paragraph.

Answer


<!DOCTYPE html>
<html lang="en">
<head>
<title>Example of CSS quotes property</title>
<style type="text/css">
q {<!--from   w ww. j  ava  2 s  .  c  o m-->
  quotes: '[' ']' '"' '"';
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}
</style>
</head>
<body>
  <p>
    <q>Here is an example of <q>embedded</q> quotations.
    </q>
  </p>
</body>
</html>

The code above is rendered as follows: