list style position: outside : list style position « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. list style position

list style position: outside

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title></title>
        <style type='text/css'>
            ul {
                font-family: sans-serif;
                list-style-image: url('download.gif');
                list-style-position: outside;
            }
            li {
                border: thin solid lightgrey;   
            }
        </style>
    </head>
    <body>
        <ul>
            <li>Download cat.jpg</li>
            <li>Download myapp.exe</li>
            <li>Download powertools.zip</li>
        </ul>
    </body>
</html>








Related examples in the same category

1.'list-style-position' Example
2.list-style-position: outside
3.list-style-position: inside
4.list style position: inside
5.LI list-style-position: inside;