HTML Entity for One Dot Leader (․)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+2024
HTML Entity for one dot leader (U+2024) tutorial illustration
Definition

What Is One Dot Leader?

One dot leader (․) is the Unicode character at U+2024 in the General Punctuation block. Official name: ONE DOT LEADER. Repeat it to build dotted leader lines in tables of contents, menus, and price lists.

Remember
Character     ․
Unicode       U+2024
Hex entity    ․
Decimal       ․
CSS escape    \2024
Named entity  (none)
Not the same  . · ‥ · …

Prefer ․ or a typed ․ when you need a true leader dot. Use … for omitted text, and a normal period for sentences.

Reference

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character․HTML text (UTF-8)
Hex entity․HTML markup
Decimal entity․HTML markup
CSS escape\2024Stylesheet content
Named entity—Not defined in HTML5

When to Use Which

SituationUse
TOC / menu leader dotsRepeat ․ or typed ․
Two-dot leader‥ / ‥
Omitted text (ellipsis)… / …
Sentence period. (U+002E)
Generated text via ::before / ::aftercontent: "\2024" (repeat as needed)
See it

Live Preview

One dot leader rendered in typography contexts.

Large glyph ․
TOC Introduction․․․․․․․ 3
Menu Coffee․․․․ $4.50
Compared ․   ‥   …   .
With entities Hex: ․ | Decimal: ․
Code

Complete HTML Example

One page that shows One Dot Leader with hex, decimal, CSS escape, a typed character, and a TOC-style leader. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ․, plus a repeated leader example.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>One Dot Leader (․) in HTML</title>
  <style>
    #point::after {
      content: "\2024";
    }
  </style>
</head>
<body>
  <p>Symbol using Hex Code: &#x2024;</p>
  <p>Symbol using HTML Code: &#8228;</p>
  <p id="point">Symbol using CSS Entity: </p>
  <p>Typed directly: ․</p>
  <p>TOC leader: Chapter 1&#x2024;&#x2024;&#x2024; 42</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+2024 → &#x2024; in HTML. The browser turns it into ․.

2. Decimal: same code point as 8228 → &#8228;. Same result as hex.

3. CSS: use \2024 in content (not an HTML entity). #point::after appends that ․ after the paragraph text.

4. Typed / TOC: paste ․ in UTF-8, or repeat &#x2024; to build a dotted leader between a title and a page number.

Pitfalls & Tips

Common mistakes when working with One Dot Leader.

Named?

No named entity

HTML5 does not define a named entity for U+2024. Use numeric forms. &nldr; is for two-dot leader (U+2025).

…

Not an ellipsis

For omitted text, use &hellip; (…). Do not stack ․ as a substitute for ellipsis meaning.

.

Not a period

Sentence endings use . (U+002E). Leader dots are for layout lines, not grammar.

Layout

CSS may be better for long leaders

For flexible TOC lines, consider CSS borders or leader() in print CSS when available — entities are fine for short static leaders.

CSS vs HTML

Do not mix escapes

\2024 belongs in CSS strings. &#x2024; / &#8228; belong in HTML.

Semicolon

End references

Always finish with ; — write &#8228;, not &#8228.

Compatibility

Browser Support

One dot leader (U+2024) and its numeric entity forms (&#x2024;, &#8228;, CSS \\2024) are supported in all mainstream browsers.

✓ Universal support

One Dot Leader (․)

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+2024 / entities Full support

Bottom line: Prefer a typed ․ or &#x2024; in HTML. Use &#8228; when decimal form is required, and \\2024 only inside CSS content.

Remember

Key Takeaways

  • Unicode: one dot leader is U+2024 (decimal 8228) — glyph ․.
  • HTML: use &#x2024; or &#8228;; repeat for leader lines.
  • CSS: use \2024 inside content for generated text.
  • Meaning: typography leader — not period . or ellipsis ….

One line: U+2024 → type ․, or encode as &#x2024; / &#8228; / CSS \2024.

Frequently Asked Questions

Use &#x2024; (hex), &#8228; (decimal), or the CSS escape \2024 in content. There is no named HTML entity. Repeat the character for leader lines (e.g. Chapter 1 ․․․ 42).
U+2024 (ONE DOT LEADER). Hex 2024, decimal 8228. It belongs to the General Punctuation block (U+2000–U+206F).
No. Use numeric references like &#8228; or &#x2024;. Related: &nldr; is two-dot leader (U+2025); &hellip; is ellipsis (U+2026).
Use it for typography leaders in tables of contents, menus, and price lists. Prefer &hellip; for omitted text, and a period (.) for sentence endings.
HTML entities (&#8228; or &#x2024;) go in markup. The CSS escape \2024 goes in stylesheet strings (usually content on ::before/::after).
No. ․ is U+2024 (one dot leader). … is U+2026 (horizontal ellipsis, &hellip;). . is U+002E (full stop / period).

Did you know?

One dot leader is Unicode U+2024 (decimal 8228) — glyph ․ in General Punctuation. HTML5 has no named entity — use &#x2024; or &#8228;. Repeat it for TOC leaders. Distinct from ellipsis … (&hellip;) and two-dot leader ‥ (&nldr;).

Next: Open Centre Asterisk

Learn the HTML entity for open centre asterisk (U+2732).

Open Centre Asterisk 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Closed Omega HTML Entity | Open Centre Asterisk