Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Unordered Lists</title> <style> ul.square { list-style-type: square; } ul.none { list-style-type: none; padding: 0; } ul.none li { padding: 4px 0; border-bottom: 1px solid #eee; } </style> </head> <body> <h1>Shopping List</h1> <ul> <li>Apples</li> <li>Bread</li> <li>Milk</li> </ul> <h2>Square Bullets</h2> <ul class="square"> <li>Item one</li> <li>Item two</li> </ul> <h2>No Bullets (menu style)</h2> <ul class="none"> <li>Home</li> <li>About</li> <li>Contact</li> </ul> </body> </html>
Result
Open