Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::before{content:"\275D"}blockquote.pull-quote::before{content:"\275D";font-size:1.5rem}blockquote.pull-quote::after{content:"\275E";font-size:1.5rem}blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:3px solid #a78bfa}</style>
</head>
<body>
  <h1>Opening Quote Ornament (U+275D)</h1>
  <p>Using Hex Code: &#x275D;</p>
  <p>Using Decimal: &#10077;</p>
  <p id=point>Opening ornament using CSS Entity: quote text here</p>
  <blockquote class=pull-quote>
    <p>Typography is the craft of endowing language with a durable visual form.</p>
  </blockquote>
  <p>Inline pair: &#x275D; Great quote here &#x275E;</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Heavy Double Turned Comma Quotation Mark Ornament (❝)