HTML Entity for One Dot Leader (․)
What You'll Learn
How to display the One Dot Leader (․) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2024 (ONE DOT LEADER) in the General Punctuation block (U+2000–U+206F)—a typography dot used to create leader lines that connect text to page numbers, prices, or fill-in areas.
Render it with ․, ․, or CSS escape \2024. There is no named HTML entity. Repeat ․ to build a dotted leader (e.g. Chapter 1․․․ 42). Do not confuse with ellipsis (…, …) or a regular period (.).
⚡ Quick Reference — One Dot Leader
U+2024General Punctuation
․Hexadecimal reference
․Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2024
Hex code ․
HTML code ․
Named entity (none)
CSS code \2024
Meaning One dot leader (typography)
Related U+2025 = two dot leader (‥, ‥)
U+2026 = ellipsis (…, …)
U+00B7 = middle dot (·, ·)
Block General Punctuation (U+2000–U+206F)Complete HTML Example
A simple example showing ․ using hexadecimal code, decimal HTML code, and a CSS content escape. Repeat the character for leader lines:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\2024";
}
</style>
</head>
<body>
<p>One dot leader (hex): ․</p>
<p>One dot leader (decimal): ․</p>
<p>TOC leader: Chapter 1․․․ 42</p>
<p id="point">One dot leader (CSS): </p>
</body>
</html>🌐 Browser Support
The One Dot Leader (․) is widely supported in all modern browsers:
👀 Live Preview
See the One Dot Leader (․) in typography and layout contexts:
…) | Period . | Middle dot ·🧠 How It Works
Hexadecimal Code
․ uses the Unicode hexadecimal value 2024 to display the one dot leader character.
Decimal HTML Code
․ uses the decimal Unicode value 8228 for the same character.
CSS Entity
\2024 is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.
Leader line result
Repeat ․ to build dotted leaders: Chapter 1․․․ 42. Unicode U+2024 in General Punctuation.
Use Cases
The One Dot Leader (․) is commonly used in:
Dotted leaders connecting section titles to page numbers.
Fill-in dots for signatures, dates, and blank fields on printed-style layouts.
Leader dots between item names and prices in restaurant or catalog layouts.
Professional publishing, indexes, and tab-leader alignment in CSS or print-style HTML.
Custom TOC components, invoice templates, and dotted separator lines.
Character pickers, entity documentation, and typography guides.
Prefer semantic markup for navigation; use leaders decoratively, not as sole link text.
💡 Best Practices
Do
- Repeat
․or․for leader lines - Consider CSS
leader()/ tab stops for automatic leaders when supported - Use … (
…) for omitted text, not ․ - Set
<meta charset="utf-8">for reliable rendering - Pick one numeric style per project
Don’t
- Use ․ as an ellipsis substitute—use
…(…) instead - Confuse one dot leader with a period (
.) or middle dot (·) - Use padded Unicode notation like U+02024—the correct value is
U+2024 - Put CSS escape
\2024in HTML text nodes - Overuse leader dots where CSS flex/grid spacing is clearer
Key Takeaways
Two HTML numeric references plus CSS for U+2024
․ ․For CSS stylesheets, use \2024 in the content property
Unicode U+2024 — ONE DOT LEADER for typography
Repeat ․ for TOC/menu leaders; not the same as …
Previous: Closed Omega (ɷ) Next: Open Centre Asterisk (✲)
❓ Frequently Asked Questions
․ (hex), ․ (decimal), or \2024 in CSS content. Repeat the character for leader lines (e.g. Chapter 1․․․ 42). There is no named entity.U+2024 (ONE DOT LEADER). General Punctuation block (U+2000–U+206F). Hex 2024, decimal 8228.…) is the horizontal ellipsis for omitted text. ‥ (U+2025, ‥) is the two dot leader.‥ (U+2025), but U+2024 itself has no named form.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and more.
About the author
8 people found this page helpful