Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:" \271C";color:#b45309}ul.cross-bullets{list-style:none;padding-left:0}ul.cross-bullets li::before{content:"\271C ";color:#b45309;font-weight:700}</style>
</head>
<body>
  <h1>Open Centre Cross (U+271C)</h1>
  <p>Using Hex Code: &#x271C;</p>
  <p>Using Decimal: &#10012;</p>
  <p id=point>Open Centre Cross using CSS Entity</p>
  <ul class=cross-bullets>
    <li>First feature</li>
    <li>Second feature</li>
  </ul>
  <p>Compare: &#x271C; vs &#x271A; vs &#x271D;</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Heavy Open Centre Cross (✜)