HTML Bullet Point Code Generator
Generate HTML entity codes for bullet points and special symbols. Get Named, Decimal, and Hex formats with live preview and CSS code.
Select Symbol
HTML Entity Codes
•Most readable and widely supported in modern browsers
•Universal support, works in all browsers and email clients
•Alternative format, same as decimal but in hexadecimal
content: "\2022";Use in CSS ::before or ::after pseudo-elements
Compatibility
Live Preview
- •First item in the list
- •Second item in the list
- •Third item in the list
HTML List Generator
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul><ul style="list-style: none; padding-left: 0;">
<li>• First item</li>
<li>• Second item</li>
<li>• Third item</li>
</ul>This version includes the bullet symbol directly in the HTML
Why Use HTML Entity Codes?
Professional developers choose HTML entities for reliability and compatibility
Universal Compatibility
Works across all browsers, email clients, and platforms. No encoding issues or missing characters.
Clean Code
Keep your HTML source code readable and maintainable with standardized entity references.
Fast & Efficient
No external dependencies or special fonts required. Renders instantly in any environment.
Fully Customizable
Style with CSS just like any other text. Change colors, sizes, and spacing easily.
How to Use HTML Entity Codes
Follow these simple steps to add bullet points to your HTML
Select Your Symbol
Choose from our library of bullet points, arrows, check marks, and other symbols.
Copy the Code
Click the copy button next to your preferred format (Named, Decimal, or Hex).
Paste in HTML
Insert the code directly into your HTML file where you want the symbol to appear.
See It Render
The symbol will display perfectly in all browsers and email clients automatically.
💡 Pro Tips
- • Use Named Entities (•) for better code readability
- • Use Decimal Entities (•) for maximum email client compatibility
- • Use CSS content property for dynamic styling with ::before pseudo-elements
HTML Entities vs Other Methods
Compare different approaches to adding bullet points in HTML
HTML Entities
• or •
Unicode Characters
Direct symbols •
CSS List Styles
list-style-type
✅ Why HTML Entities Win
HTML entities provide the perfect balance of reliability, compatibility, and flexibility. They work everywhere—from modern web apps to legacy email clients—without any special configuration or dependencies.
Frequently Asked Questions
Everything you need to know about using HTML entity codes for bullet points
Ready to Build Better HTML?
Start using HTML entity codes today for cleaner, more compatible web content
Complete Guide to HTML Bullet Point Codes
What are HTML Entity Codes?
HTML entity codes are special character references that allow you to display symbols and special characters in HTML documents. For bullet points, the most common entity is • (named entity) or • (decimal entity), which displays as •. These codes ensure consistent rendering across all browsers and platforms, making them essential for professional web development.
Types of HTML Entity Formats
There are three main formats for HTML entities: Named entities (like •) are the most readable and use descriptive names. Decimal entities (like •) use numeric codes and have the widest compatibility, especially in email clients. Hexadecimal entities (like •) use hex codes and are an alternative to decimal format. All three formats produce identical visual results but differ in compatibility and readability.
Common HTML Bullet Point Codes
- • Bullet: • or • or •
- ◦ White Bullet: ◦ or ◦
- ▪ Black Square: ▪ or ▪
- ▫ White Square: ▫ or ▫
- → Right Arrow: → or → or →
- ✓ Check Mark: ✓ or ✓ or ✓
- ★ Star: ★ or ★
Using HTML Entities in Lists
To create custom bullet points in HTML lists, you can use entities directly in list items or use CSS with the content property. For inline bullets, simply place the entity code before your text: <li>• Item text</li>. For CSS-based bullets, use the ::before pseudo-element with list-style: none and add the entity in the content property: li::before { content: "\2022"; }.
Email Template Compatibility
When creating HTML email templates, decimal entities offer the best compatibility across email clients including Outlook, Gmail, Apple Mail, and Yahoo Mail. Named entities may not render correctly in some older email clients. Always test your emails across multiple clients, and prefer decimal format (•) over named format (•) for critical content.
CSS Styling for HTML Entities
HTML entities can be styled with CSS just like regular text. You can change color, size, font-weight, and spacing. For custom list bullets, use the ::before pseudo-element: ul { list-style: none; } li::before { content: "\2022"; color: #666; margin-right: 0.5em; }. This gives you complete control over bullet appearance while maintaining semantic HTML structure.
Browser Compatibility
HTML entities have universal browser support, working in all modern browsers (Chrome, Firefox, Safari, Edge) and legacy browsers including Internet Explorer 6+. This makes them one of the most reliable methods for displaying special characters. Unlike Unicode characters that may depend on font support, HTML entities are guaranteed to render correctly across all platforms and devices.
Best Practices for Developers
Use named entities when available for better code readability. Use decimal entities for maximum compatibility, especially in email templates. Always include the semicolon (;) at the end of entity codes. For dynamic content, consider using CSS content property with ::before or ::after pseudo-elements. Test your implementation across different browsers and email clients. Keep your HTML file encoding set to UTF-8 to avoid character display issues.
Common Use Cases
HTML entity codes are essential for web developers creating content management systems, email marketing templates, documentation sites, and e-commerce product descriptions. Content creators use them in WordPress, Drupal, and other CMS platforms where rich text editors may not support all special characters. Email marketers rely on decimal entities for bulletproof rendering across email clients. Technical writers use them in documentation to ensure consistent symbol display.
Troubleshooting Common Issues
If entities don't display correctly, check that your HTML file is saved with UTF-8 encoding. Verify you've included both the ampersand (&) and semicolon (;) in the entity code. Ensure your font supports the character you're trying to display. For email templates, test across multiple clients as some may have limited entity support. If using CSS content property, make sure the backslash notation is correct (e.g., \2022 not \\2022).
Related Tools and Resources
Explore our Alt Code Finder for Windows keyboard shortcuts, Symbol Library for Unicode references, and Quick Copy tool for instant symbol copying. For developers, our CSS code generator creates complete stylesheets for custom bullet points. Check our keyboard shortcuts guide for application-specific methods in Word, Google Docs, and other software.