margin-left setting for UL : margin left : Box Model HTML CSS TUTORIALS

HTML CSS TUTORIALS » Box Model » margin left »

margin-left setting for UL


 

<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
   <head>
      <style type = "text/css">
         ul       { margin-left: 75px }

      </style>
   </head>

   <body>

      <h1>Shopping list for <em>Monday</em>:</h1>

      <ul>
         <li>M</li>
         <li>B
            <ul>
               <li>W</li>
               <li>R</li>
               <li>W</li>
            </ul>
         </li>
         <li>R</li>
         <li>P</li>
         <li>P<em>this is a test. </em></li>
      </ul>

      <p><a class = "nodec" href = "http://www.navioo.com">
      this is a test. </a></p>

   </body>
</html>