Advanced Search

Return to Snippet

Revision: 31521
at September 8, 2010 19:31 by Masis
Initial Code 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>list-style-position</title>
  <style type="text/css">
   UL {
    list-style-image: url(images/book.gif); /* Path to the image for marker setting */
    list-style-position: inside; /* Marker is flowed by the text */
   }
  </style>
 </head> 
 <body> 
 
  <ul>
   <li>Lorem ipsum dolor sit amet</li>
   <li>Consectetuer adipiscing elit</li>
   <li>Sed diem nonummy nibh euismod</li>
   <li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
   enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis 
   nisl ut aliquip ex ea commodo consequat.</li>
  </ul>
 
 </body>
</html>
Initial URL 
http://phpforms.net/tutorial/tutorial.html
Initial Description 
In the browser Internet Explorer 6 when you use the enumerated list <OL> and the value "inside" of the parameter "list-style-position", the numbers more than 10 begin to collide the list text.
Initial Title 
CSS reference: list-style-position
Initial Tags 
css
Initial Language 
CSS