Run
Tutorial With Example
Run your live code
<!DOCTYPE html> <html> <head> <style> ol.in li { list-style-position: inside; background-color:red; } ol.out li { list-style-position: outside; background-color:red; } </style> </head> <body> <h2>Changing the Position of List Markers</h2> <p>Example of ordered lists 1:</p> <ol class="in"> <li> BMW </li> <li>Mercedes-Benz</li> <li> Audi </li> <li> Volvo </li> <li> Ferrari </li> </ol> <p>Example of ordered lists 2:</p> <ol class="out"> <li> Tesla </li> <li> Porsche </li> <li> Lexus </li> <li> Lamborghini </li> <li> Land Rover </li> </ol> </body> </html>