HTML Entity for Horizontal Ellipsis (…)
What You'll Learn
How to display the Horizontal Ellipsis (…) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+2026 (HORIZONTAL ELLIPSIS) in the General Punctuation block (U+2000–U+206F). It indicates omission, continuation, or trailing off in text.
Render it with …, …, …, or CSS escape \2026. Prefer … over three separate periods (...) for proper typography. It has a named HTML entity for readable markup.
⚡ Quick Reference — Horizontal Ellipsis
U+2026General Punctuation
…Hexadecimal reference
…Decimal reference
…Most readable option
Name Value
──────────── ──────────
Unicode U+2026
Hex code …
HTML code …
Named entity …
CSS code \2026
Meaning Ellipsis (omission, continuation)
CSS note \2026 or \02026 in content propertyComplete HTML Example
This example demonstrates the Horizontal Ellipsis symbol (…) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2026";
}
</style>
</head>
<body>
<p>Horizontal Ellipsis using Hexadecimal: …</p>
<p>Horizontal Ellipsis using Decimal: …</p>
<p>Horizontal Ellipsis using Named Entity: …</p>
<p id="point">Horizontal Ellipsis using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Horizontal Ellipsis (…) is supported in all modern browsers; most fonts include General Punctuation:
👀 Live Preview
See the Horizontal Ellipsis (…) in typography and UI contexts:
🧠 How It Works
Hexadecimal Code
… uses the Unicode hexadecimal value 2026 to display the symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
… uses the decimal Unicode value 8230 to display the same character.
Named Entity
… is the semantic named entity for …—readable in source HTML and part of the HTML5 character set.
CSS Entity
\2026 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the glyph: …. Unicode U+2026 is in General Punctuation. Next: Horizontal Male Stroke Sign.
Use Cases
The Horizontal Ellipsis symbol (…) is commonly used in:
Shortened excerpts, headlines, or descriptions with a read-more cue.
Indicate omitted words or phrases in quoted text.
More options or submenu indicators (e.g. Settings…).
Placeholders, loading states, or coming-soon text.
Trailing thought or unfinished dialogue in stories and UI copy.
Single ellipsis character for consistent spacing and appearance.
💡 Best Practices
Do
- Use
…for readable source markup - Most fonts support General Punctuation (U+2026); test on target devices
- Keep one method (named, hex, or decimal) consistent across the document
- For CSS truncation, use
text-overflow: ellipsis; use…when the ellipsis is in content - Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Put CSS escape
\2026in HTML text nodes - Use three periods (
...) instead of…for a proper ellipsis - Put CSS escape
\2026in HTML text nodes - Rely on the symbol alone for screen reader users
- Skip browser testing for math-heavy pages
Key Takeaways
Three HTML references plus CSS all render …
… … …For CSS stylesheets, use the escape in the content property
\2026Unicode U+2026 — HORIZONTAL ELLIPSIS
Prefer … for readability in HTML source
❓ Frequently Asked Questions
… (hex), … (decimal), … (named), or \2026 in CSS content. All produce ….U+2026 (HORIZONTAL ELLIPSIS). General Punctuation block (U+2000–U+206F). Hex 2026, decimal 8230. Named entity: ….… is the named HTML entity for …. It is part of the HTML5 named character set and the most readable option in source markup.… is used directly in HTML content. The CSS escape \2026 (or \02026) belongs in stylesheets, typically in the content property of ::before or ::after. Both render ….… (or …) for a proper ellipsis. It renders as one typographic unit with consistent spacing. Three periods can look uneven and may wrap differently across lines.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, dashes, symbols, and more.
About the author
8 people found this page helpful