HTML CSS examples for CSS Widget:UL Element
Use another font for list-item Bullets
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> ol {<!--from w w w . j a va 2 s . c om--> list-style:none; padding:0; margin:0; counter-reset:listStyle; } li:before { content:counter(listStyle, lower-alpha); counter-increment:listStyle; color:Chartreuse; font-size:51px; padding-right:6px; background:yellow; } li { padding-left:3em; text-indent:-3em; } </style> </head> <body> <h2>Lorem ipsum dolor s</h2> <ol> <li>Lorem ipsum dolor sit amet, consectetur</li> <li>Lorem ipsum dolor sit amet, consectetur adipiscing el</li> <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper molestie lacus sed fermentu</li> </ol> </body> </html>