Advanced Search

CSS reference: list-style-position

/ Published in: CSS
Save to your folder(s)
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.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.  <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  5.   <title>list-style-position</title>
  6.   <style type="text/css">
  7.    UL {
  8.     list-style-image: url(images/book.gif); /* Path to the image for marker setting */
  9.     list-style-position: inside; /* Marker is flowed by the text */
  10.    }
  11.   </style>
  12.  </head> 
  13.  <body> 
  14.  
  15.   <ul>
  16.    <li>Lorem ipsum dolor sit amet</li>
  17.    <li>Consectetuer adipiscing elit</li>
  18.    <li>Sed diem nonummy nibh euismod</li>
  19.    <li>Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis 
  20.    enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis 
  21.    nisl ut aliquip ex ea commodo consequat.</li>
  22.   </ul>
  23.  
  24.  </body>
  25. </html>

URL: http://phpforms.net/tutorial/tutorial.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.