Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:" \271A";color:#1d4ed8}.btn-add::before{content:"\271A ";font-weight:700}.btn-add{padding:.5rem 1rem;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;color:#1e40af}</style>
</head>
<body>
  <h1>Greek Cross (U+271A)</h1>
  <p>Using Hex Code: &#x271A;</p>
  <p>Using Decimal: &#10010;</p>
  <p id=point>Greek Cross using CSS Entity</p>
  <button type=button class=btn-add aria-label="Add item">Add item</button>
  <p>Compare: &#x271A; vs + vs &#x271D;</p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Heavy Greek Cross (✚)