HTML Entity for Figure Dash (‒)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2012

What Is Figure Dash?

Figure dash (‒) is the Unicode character at U+2012 in General Punctuation. Official name: FIGURE DASH. It is sized to match digits (figures), so columns of phone numbers and codes stay aligned.

Remember
Character     ‒
Unicode       U+2012
Hex entity    ‒
Decimal       ‒
CSS escape    \2012
Named entity  (none)
Not the same  – (en) · — (em) · ‐ (hyphen) · -

Prefer ‒ or ‒ in HTML (no named form). You can also type ‒ in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone—
Hex entity‒HTML markup (preferred)
Decimal entity‒HTML markup
Direct character‒HTML text (UTF-8)
CSS escape\2012Stylesheet content

When to Use Which

SituationUse
Phone numbers / digit codes (digit-wide dash)‒ or type ‒
Number or date ranges (10–20)En dash (–, –)
Sentence break / parenthetical dashEm dash (—, —)
Ordinary word hyphenationHyphen (‐) or ASCII -
Generated text via ::before / ::aftercontent: "\2012"

Live Preview

Figure dash rendered alone, in a sample phone number, and compared with other dashes.

Glyph ‒
Large glyph ‒
Sample 555‒123‒4567
Compared ‒   –   —   ‐   -
With entities Hex: ‒ | Decimal: ‒

Complete HTML Example

One page that shows Figure dash with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to display ‒ in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Figure Dash (U+2012) in HTML</title>
  <style>
    #point::after {
      content: "\2012";
    }
  </style>
</head>
<body>
  <p>Built with Hex: &#x2012;</p>
  <p>Built with Decimal: &#8210;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: ‒</p>
  <p>Phone: 555&#x2012;123&#x2012;4567</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: &#x2012; inserts code point U+2012 → ‒.

2. Decimal: same code point as 8210 → &#8210;. Same visual as hex.

3. CSS: use \2012 in content (not an HTML entity). #point::after appends ‒.

4. Typed: paste ‒ in a UTF-8 document, or place it between digit groups in a phone number.

Pitfalls & Tips

Common mistakes when working with Figure dash.

Name

No named entity

There is no HTML5 named entity for U+2012. Use &#x2012; or &#8210;. Do not invent &figdash;.

–

Not an en dash

U+2013 (&ndash;) is for ranges. Figure dash is for digit-width separators.

-

Not ASCII hyphen-minus

The keyboard - (U+002D) is hyphen-minus. It often works, but it is not the figure dash and may not match digit width.

Font

Font coverage

Some fonts fall back to a lookalike for U+2012. Prefer fonts with General Punctuation coverage when alignment matters.

CSS vs HTML

Do not mix escapes

\2012 belongs in CSS strings. &#x2012; / &#8210; belong in HTML.

a11y

Add accessible text

Screen readers may announce dashes inconsistently. Prefer nearby labels (for example “Phone”) when the number is important.

Semicolon

End references

Always finish entities with ; — write &#x2012;, not &#x2012.

Browser Support

Figure dash (U+2012) and its entity forms (&#x2012;, &#8210;, CSS \\2012) are supported in all mainstream browsers. Visible glyphs depend on General Punctuation font coverage.

✓ Universal support

Figure Dash (&#x2012;)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+2012 Full support

Bottom line: Prefer &#x2012; in HTML (no named form). Use &#8210; when decimal form is required, and \\2012 only inside CSS content.

Key Takeaways

  • Unicode: figure dash is U+2012 (decimal 8210) — glyph ‒.
  • HTML: no named entity — use &#x2012; / &#8210; / type ‒.
  • CSS: use \2012 inside content for generated text.
  • Meaning: ‒ ≠ en – ≠ em — ≠ hyphen ‐ ≠ ASCII -.

One line: U+2012 → &#x2012; / &#8210; / CSS \2012 (no named form).

Frequently Asked Questions

Use &#x2012; (hex), &#8210; (decimal), type ‒ directly in UTF-8, or the CSS escape \2012 in content. There is no named HTML entity for U+2012.
U+2012 (FIGURE DASH). Hex 2012, decimal 8210. It belongs to the General Punctuation block (U+2000–U+206F).
No. HTML5 does not define a named entity for U+2012. Prefer &#x2012; or &#8210;.
Use it in phone numbers, account codes, and other digit sequences when you want a dash that matches figure (digit) width. Prefer en dash for ranges (10–20) and em dash for sentence breaks.
HTML numeric entities (&#8210; or &#x2012;) go in markup. The CSS escape \2012 goes in stylesheet strings (usually content on ::before/::after).
No. U+2012 is ‒ (figure dash). En dash is U+2013 (–, &ndash;). Hyphen is U+2010 (‐). They have different widths and typical uses.

Did you know?

Figure dash is Unicode U+2012 (decimal 8210) — glyph ‒ (FIGURE DASH) in General Punctuation. There is no HTML5 named entity; use &#x2012; or &#8210;. It is designed to match digit width for phone numbers and codes. Do not confuse it with en dash (&ndash;, –), em dash (&mdash;, —), or hyphen (‐).

Next: First Quarter Moon

Learn the HTML entity for first quarter moon (U+263D).

Moon tutorial →

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.

8 people found this page helpful