HTML Entity for Digit Three (3)

Beginner
⏱️ 4 min read
📚 Updated: Aug 2025
🎯 1 Code Example
Unicode U+0033
HTML Entity for digit three (3) tutorial illustration

What You'll Learn

How to display the digit three (3) using HTML numeric entities and a CSS escape. While you can type 3 directly in most content, entity forms help when you need explicit encoding (like CSS content or generated markup).

Digit three is in the Basic Latin (ASCII) block and is referenced as Unicode U+0033.

⚡ Quick Reference — Digit Three Entity

Unicode U+0033

Basic Latin (ASCII) block

Hex Code 3

Hexadecimal reference

HTML Code 3

Decimal reference

Named Entity —

No named entity available

1

Complete HTML Example

This example demonstrates the digit three (3) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\0033";
  }
 </style>
</head>
<body>

<p>Digit 3 using Hexa Decimal: &#x33;</p>
<p>Digit 3 using HTML Code: &#51;</p>
<p id="point">Digit 3 using CSS Entity: </p>

</body>
</html>
Try It Yourself

🌐 Browser Support

Digit 3 (Unicode U+0033) is supported in all browsers and fonts.

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

Inline, large, and entity-rendered examples of the digit 3:

Inline textStep 3: Save and continue.
Large glyph3
Monospacev3.0.0
EntitiesHex: 3 | Decimal: 3

🧠 How It Works

1

Hexadecimal Code

&#x33; uses the Unicode hex value 33.

HTML markup
2

Decimal HTML Code

&#51; uses the Unicode decimal value 51.

HTML markup
3

CSS Entity

\0033 is a CSS escape typically used in content for pseudo-elements.

CSS stylesheet
=

Same visual result

All methods render 3. Unicode is U+0033 (Basic Latin).

✅

Use Cases

Common places you’ll see digit three (3):

📄 Documentation

Show exact codes like &#51; and &#x33; in examples.

🧩 Templating

Use numeric references when generating HTML consistently.

🪘 Step Labels

Use in onboarding, checklists, and step-by-step guides.

🧮 UI Copy

Phrases like “3 items”, “3 minutes”, and “3-step process”.

💡 Best Practices

Do

  • Type 3 directly in normal body content
  • Use entities when you need explicit encoding (CSS content, generated output, or special contexts)
  • Use monospace or tabular figures for aligned numeric UI (e.g., versions like v3.0)
  • Include context for readability (e.g. “Step 3”, “Top 3”)

Don’t

  • Assume there is a named entity for 3 (there isn’t)
  • Mix CSS escapes into HTML markup (use them in stylesheets only)
  • Confuse digit 3 (U+0033) with superscript ³ (U+00B3)
  • Overuse entities where a direct character is clearer

Key Takeaways

1

Digit three is Unicode U+0033

U+0033 &#x33; &#51;
2

For CSS stylesheets, use the escape in the content property

\0033
3

There is no named HTML entity for 3

4

Prefer typing 3 directly unless you need an entity form

❓ Frequently Asked Questions

Use &#x33; (hex), &#51; (decimal), or \0033 in CSS content. In most cases you can also type 3 directly.
U+0033 (hex 0033, decimal 51) in the Basic Latin (ASCII) block.
No. HTML doesn’t define a named entity for ASCII digits like 3, so use numeric references when needed.
Use entities in CSS generated content, when constructing HTML strings safely, or when you want explicit encoding. For regular text, typing 3 is simplest.
Yes. It’s an ASCII character (Basic Latin), so it renders reliably across browsers and fonts.

Explore more HTML entities

Browse the full list of HTML entities and learn how to use them in real projects.

Browse HTML Entities

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

2 Superscript (²) 3 Dingbat Circled Sans-Serif (➂)