Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .inside { list-style: inside; } .outside { list-style: outside; } li { border: 1px solid #ccc; } </style> </head> <body> <h2>List-style property example</h2> <h3>List-style is positioned "inside":</h3> <ul class="inside"> <li>Chocolate</li> <li>Candies</li> <li>Lollipops</li> </ul> <h3>List-style is positioned "outside":</h3> <ul class="outside"> <li>Cold Drinks</li> <li>Hot Drinks</li> <li>Ice-Creams</li> </ul> </body> </html>