li padding: .3em 0 1em 40px; : li padding « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. li padding

li padding: .3em 0 1em 40px;

   
<!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>
<title></title>
<style type="text/css">
ul {
 margin-left: 40px;
 padding-left: 0px;
 list-style: none;
}
li {
 padding: .3em 0 1em 40px;
 font: 1.1em/1.2 Verdana, Arial, Verdana, sans-serif;
 background: url(search_32.gif) no-repeat;
}
</style>
</head>

<body>

  <p>Consectetuer adipiscing elit: 
    
    <ul>
    <li>Vivamus purus enim</li> 
    <li>Sollicitudin vitae</li>
    <li>Tincidunt sit amet</li> 
    <li>Pretium vel, libero</li> 
    </ul>
<p>Sed sed nisi. Morbi gravida, odio at aliquam lobortis, urna massa vehicula mi, et posuere tortor elit eget est. Nulla ligula. Etiam pulvinar. Quisque ante quam, ultricies quis, rutrum dignissim, fermentum a, est. Nulla felis dolor, tempor non, posuere ut, ornare ac, eros. Cras in metus. Sed rutrum lectus ut nibh. Pellentesque ipsum.</p>
  
</body>
</html>








Related examples in the same category

1.LI padding: .3em 0
2.Using padding to control the list item indent
3.ol, ul {margin-left: 0; padding-left: 2.5em;}