Position The List Item Marker in HTML and CSS - Tryit Editor for Web Developers
Edit This Code:
See Result »
<html> <head> <style> ul.a { list-style-position: outside; border: 5px solid red; } ul.b { list-style-position: inside; border: 5px solid purple; } </style> </head> <body> <h1>Position The List Item Markers:</h1> <h2>The list-style-position Property:</h2> <h3>list-style-position: outside (default):</h3> <ul class="a"> <li>Tea</li> <li>Coffee</li> <li>Coca-cola</li> </ul> <h2>list-style-position: inside:</h2> <ul class="b"> <li>Tea</li> <li>Coffee</li> <li>Coca-Cola</li> </ul> <br> <img src="logo.jpg"/> </body> </html>
Result: