HTML Entity for Middle Dot (·)
What You'll Learn
How to display the middle dot (·) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+00B7 (MIDDLE DOT, also called an interpunct) in the Latin-1 Supplement block—a centered dot used as a separator, typographic accent, and math notation marker.
Render it with ·, ·, ·, or CSS escape \00B7. Do not confuse · with the bullet • (U+2022) or a period/full stop—each serves a different typographic role.
⚡ Quick Reference — Middle Dot
U+00B7Latin-1 Supplement
·Hexadecimal reference
·Decimal reference
·Most readable option
Name Value
──────────── ──────────
Unicode U+00B7
Hex code ·
HTML code ·
Named entity ·
CSS code \00B7
Meaning Middle dot / interpunct
Related U+2022 = bullet (•)
U+00B7 = also called interpunctComplete HTML Example
This example demonstrates the middle dot (·) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\00B7";
}
</style>
</head>
<body>
<p>Middle Dot using Hexadecimal: ·</p>
<p>Middle Dot using HTML Code: ·</p>
<p>Middle Dot using Named Entity: ·</p>
<p id="point">Middle Dot using CSS Entity: </p>
<p>Separator: Red · Green · Blue</p>
</body>
</html>🌐 Browser Support
The middle dot is universally supported in all modern browsers:
👀 Live Preview
See the middle dot (·) in separator and typography contexts:
🧠 How It Works
Hexadecimal Code
· uses the Unicode hexadecimal value B7 to display the middle dot. The x prefix indicates hexadecimal format.
Decimal HTML Code
· uses the decimal Unicode value 183 to display the same character.
CSS Entity
\00B7 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Named Entity
· is the standard named HTML entity for the middle dot—easy to read and remember in source markup.
Same visual result
All four methods produce · (·). Unicode U+00B7 is in Latin-1 Supplement. Prefer · for readable HTML source.
Use Cases
The middle dot (·) is commonly used in:
Inline dividers between words, tags, or menu items.
Interpunct in Catalan, French, and other language conventions.
Dot product notation and scalar multiplication markers.
Separating name parts in bibliographies and formal text.
Magazine-style inline separators and editorial layout.
HTML entity tutorials and Unicode symbol documentation.
💡 Best Practices
Do
- Prefer
·for readable HTML source - Use · for centered interpunct separators, not list bullets
- Distinguish · from • (bullet) and period (.)
- Serve pages with UTF-8 (
<meta charset="utf-8">) - Add spacing around dots for readability in inline text
Don’t
- Use · as a bullet when • or semantic lists are appropriate
- Put CSS escape
\00B7in HTML text nodes - Use HTML entities in JS (use
\u00B7) - Confuse middle dot with hyphen (-) or en dash separators
- Use padded Unicode notation like U+000B7—the correct value is
U+00B7
Key Takeaways
Four HTML/CSS references all render ·
· · ·For CSS stylesheets, use \00B7 in the content property
Unicode U+00B7 — MIDDLE DOT (interpunct)
Prefer · for readability in HTML source
Not the same as bullet • (U+2022)
❓ Frequently Asked Questions
· (hex), · (decimal), · (named), or \00B7 in CSS content. All produce ·.U+00B7 (MIDDLE DOT). Latin-1 Supplement block. Hex B7, decimal 183. Named HTML entity: ·.·, ·, or ·) go directly in markup. The CSS escape \00B7 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, symbols, and typography.
About the author
8 people found this page helpful