Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Setting the Position of List Marker</title> <style> body{ font-size: 14px; font-family: Arial,sans-serif; } ol li { background: #ddd; padding: 5px; margin: 5px; } ol.in li { list-style-position: inside; } ol.out li { list-style-position: outside; } </style> </head> <body> <h2>List Marker Position - Inside</h2> <ol class="in"> <li>Fasten your seatbelt</li> <li>Start the car's engine and take a closer look the instrument cluster for any warning sign</li> <li>Look around carefully and go</li> </ol> <h2>List Marker Position - Outside</h2> <ol class="out"> <li>Fasten your seatbelt</li> <li>Start the car's engine and take a closer look the instrument cluster for any warning sign</li> <li>Look around carefully and go</li> </ol> </body> </html>
