Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .inside { list-style-position: inside; } li { border: 1px solid #666; padding: 5px; } .outside { list-style-position: outside; } li { border: 1px solid #666; padding: 5px; } </style> </head> <body> <h2>List-style-position property example</h2> <p>Here the list-style is positioned "inside".</p> <ul class="inside"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul> <p>Here the list-style is positioned "outside".</p> <ul class="outside"> <li>List item 1</li> <li>List item 2</li> <li>List item 3</li> </ul> </body> </html>