Try It Yourself - Online HTML Editor

HTML Code

<!DOCTYPE html>
<html>
<head>
  <style>#point::after{content:"\2680"}.dice{font-size:1.5rem;letter-spacing:.25em}</style>
</head>
<body>
  <h1>Die Face 1 (&#x2680;) in HTML</h1>
  <p>Using Hex Code: &#x2680;</p>
  <p>Using HTML Code: &#9856;</p>
  <p class=dice aria-label="Roll result: 1">You rolled: &#x2680;</p>
  <p>All faces: &#x2680; &#x2681; &#x2682; &#x2683; &#x2684; &#x2685;</p>
  <p id=point>Using CSS Entity: </p>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Entity for Die Face 1 (⚀)