Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of list-style-position Property</title> <style> ol { list-style-position: inside; } ul { list-style-position: outside; } ol li, ul li{ background: #d8bfd8; } </style> </head> <body> <h2>List Marker Positioned Inside</h2> <ol> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ol> <h2>List Marker Positioned Outside</h2> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </body> </html>
