HTML Entity for Hyphenation Point (‧)
What You'll Learn
How to display the Hyphenation Point (‧) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+2027 (HYPHENATION POINT) in the General Punctuation block (U+2000–U+206F). It indicates where a word may be broken for hyphenation.
Use ‧, ‧, or CSS \2027. There is no named HTML entity—use hex, decimal, or CSS escapes. Useful in typography, dictionaries, and manual word-break control.
⚡ Quick Reference — Hyphenation Point
U+2027General Punctuation
‧Hexadecimal reference
‧Decimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+2027
Hex code ‧
HTML code ‧
Named entity (none)
CSS code \2027
Meaning Hyphenation / word-break hint
CSS note \2027 or \02027 in content propertyComplete HTML Example
This example demonstrates the Hyphenation Point (‧) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2027";
}
</style>
</head>
<body>
<p>Hyphenation Point using Hexadecimal: ‧</p>
<p>Hyphenation Point using Decimal: ‧</p>
<p id="point">Hyphenation Point using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Hyphenation Point (‧) is supported in all modern browsers; most fonts include General Punctuation (U+2000–U+206F):
👀 Live Preview
Hyphenation Point (‧) as a visible word-break hint:
🧠 How It Works
Hexadecimal Code
‧ uses Unicode hexadecimal 2027 to display the Hyphenation Point character (‧) in HTML markup.
Decimal HTML Code
‧ uses decimal Unicode value 8231 for the same character.
CSS Entity
\2027 is used in CSS, typically in the content property of pseudo-elements such as ::after.
Same visual result
All three methods produce ‧. Unicode U+2027 is in General Punctuation. Next: Identical To.
Use Cases
The Hyphenation Point (U+2027) is commonly used in:
Show where a long word may be broken across lines in justified or narrow layouts.
Control hyphenation in articles, columns, and print-style layouts.
Syllable breaks or hyphenation points in dictionary and pronunciation guides.
Mark hyphenation in linguistic notation, language learning, or academic texts.
Manual breaks in narrow containers; pair with CSS hyphens when appropriate.
Consistent word-breaking in design systems and typographic guidelines.
💡 Best Practices
Do
- Use
‧or‧in HTML (no named entity) - Use ‧ for visible break hints; use
­for optional line-break hyphens - Consider CSS
hyphens: autowithlangfor automatic hyphenation - Declare UTF-8 with
<meta charset="utf-8"> - Keep one method (hex or decimal) consistent across the document
- Use where it helps visual readers without harming comprehension
Don’t
- Expect a named HTML entity for U+2027
- Put CSS escape
\2027in HTML text nodes - Confuse hyphenation point (‧) with hyphen bullet (⁃) or hyphen (‐)
- Use ‧ when
­(invisible until break) is what you need - Overuse visible break marks in body copy without typographic need
Key Takeaways
Two HTML numeric references plus CSS insert U+2027
‧ ‧For CSS, use \2027 in the content property
Unicode U+2027 — HYPHENATION POINT
No named entity—use hex or decimal
Next: Identical To
❓ Frequently Asked Questions
‧ (hex), ‧ (decimal), or \2027 in CSS content. There is no named entity. All three methods render the same glyph (‧).U+2027 (HYPHENATION POINT). General Punctuation block (U+2000–U+206F). Hex 2027, decimal 8231. Indicates where a word may be broken for hyphenation.‧, decimal ‧, or CSS \2027 in the content property of pseudo-elements.­ (U+00AD) is invisible until the line breaks, then shows a hyphen. Use ‧ for a visible hint; use ­ for optional breaks.‧ or ‧) go in markup. The CSS escape \2027 belongs in stylesheets, typically in the content property of pseudo-elements. Both render ‧.Explore More HTML Entities!
Discover 1500+ HTML character references — symbols, punctuation, math, and more.
About the author
8 people found this page helpful