Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:" \276E";color:#7c3aed}blockquote.pull-quote::before{content:"\276E ";color:#7c3aed;font-weight:700}blockquote.pull-quote::after{content:" \276F";color:#7c3aed;font-weight:700}blockquote.pull-quote{font-style:italic;background:#faf5ff;border-left:4px solid #c4b5fd;padding:1rem}</style>
</head>
<body>
  <h1>Angle Quotation Ornament (U+276E)</h1>
  <p>Using Hex Code: &#x276E;</p>
  <p>Using Decimal: &#10094;</p>
  <p id=point>Angle Quote using CSS Entity</p>
  <blockquote class=pull-quote>
    Good design is as little design as possible.
  </blockquote>
  <p>Paired: &#x276E; quote &#x276F;</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Heavy Left Pointing Angle Quotation Mark Ornament (❮)