Webfont Icon Bullet Points
This demonstration replaces boring bullet points with webfont icons.
- What a great idea!
- I love this!
- It's handy…
- but I need help
- and more information
- to achieve it in HTML and CSS
- and make absolutely sure that it safe to use with longer blocks of text content which will almost certainly wrap onto the next line. I don't want the left-hand edges of the first and all subsequent lines to go out of alignment.
For further details and code explanations, please please refer to:
How to Use Webfont Icons as Bullet Points in HTML5 Lists
This example code was developed by Craig Buckler of OptimalWorks.net for SitePoint.com. Font Awesome icons generated by fontello.com have been used.
Please view the source and use this code as you wish.