HTML CSS examples for CSS Widget:UL Element
Customize list item bullets using CSS
<html lang="en"> <head> <title>Lorem ipsum dolor sit</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> ul.disc li { list-style-type:disc; font-size:2.6em; } ul.square li { list-style-type:square; font-size:0.9em; } li * {<!-- w ww . jav a 2 s .com--> font-size:initial; } </style> </head> <body> <h1>Lorem</h1> <ul class="disc"> <li> <span>Lorem ipsu</span> </li> <li> <span>Lorem ipsum</span> </li> </ul> <h1>Lorem </h1> <ul class="square"> <li> <span>Lorem ipsu</span> </li> <li> <span>Lorem ipsum</span> </li> </ul> </body> </html>