Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:" \2771";color:#0f766e}.callout::before{content:"\2770 ";color:#0f766e;font-weight:700}.callout::after{content:" \2771";color:#0f766e;font-weight:700}.callout{background:#f0fdfa;border:1px solid #99f6e4;padding:.75rem 1rem}a.next-link::after{content:" \2771";color:#0f766e}a.next-link{color:#0f766e;font-weight:600;text-decoration:none}</style>
</head>
<body>
  <h1>Right Angle Bracket (U+2771)</h1>
  <p>Using Hex Code: &#x2771;</p>
  <p>Using Decimal: &#10097;</p>
  <p id=point>Right Bracket using CSS Entity</p>
  <blockquote class=callout>Paired callout with left and right brackets.</blockquote>
  <p><a href=# class=next-link aria-label="Next page">Next</a></p>
  <p>Paired: &#x2770; text &#x2771;</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Heavy Right Pointing Angle Bracket Ornament (❱)