<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Alignment of list items</title> <style type="text/css"> p { margin: 0.75em 0 0 1.5em; padding: 0; width: 33em; border: 1px dotted black; } ul { list-style-type: square; list-style-position: outside; margin: 0.75em 0 0 0; padding: 0 0 0 1.5em; width: 34.5em; border: 1px dashed black; } ul.indent { margin: 0.75em 0 0 1.5em; width: 33em; } li { margin: 0.75em 0 0 0; border: 1px dotted black; } </style> </head> <body> <p> this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. </p> <ul> <li>L.</li> <li>L.</li> </ul> <p> this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. </p> <ul class="indent"> <li>Li.</li> <li>Li.</li> </ul> <p> this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. </p> </body> </html>