LI padding: 0 19px; : list style « CSS « HTML / CSS

HTML / CSS » CSS » list style 
LI padding: 0 19px;
   
?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
  xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title></title>
<style rel="stylesheet" type="text/css">

#header {
  background: url(images/top_bg.jpgtop left no-repeat;
  padding: 33px 0 0 0;
  text-align: center;
}

#logo {
  display: block;
}

#header span {
  font-family: "Times New Roman", Times, serif;
  font-size: 9px;
  color: #786B50;
  text-transform: uppercase;
  display: block;
  float: left;
  letter-spacing: 6px;
  width: 1000px;
  text-align: center;
}

#menu {
  width: 1000px;
  float: left;
  margin: 12px 0 1px 0;
  display: block;
  height: 26px; /
  height: 25px;
}

#menu li {
  display: inline;
  padding: 0 19px;
  line-height: 25px;
}

#menu a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FCEACE;
  text-decoration: none;
}

</style>
</head>
<body>
  <div id="header">
    <span>title</span>
    <ul id="menu">
      <li><a href="#">Home</a></li>
      <li><a href="#">About our Hotel</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Photogallery</a></li>
      <li><a href="#">Testimonials</a></li>
      <li><a href="#">Locations</a></li>
      <li><a href="#">Contacts</a></li>
    </ul>
    <img src="images/image.jpg" alt="" width="1000" height="311" /><br />
  </div>

</body>

</html>

   
    
    
  
Related examples in the same category
1.'list-style' Example
2.list-style: inside url('exploded_folder.gif')
3.list-style: disc outside url('download.gif')
4.list-style: square url('arrow.png') outside
5.list-style: square url('arrow.png') outside;
6.list-style: url('arrow.png') inside;
7.list-style: square inside;
8.list-style: square url('arrow.png');
9.list style: disc outside url('download.gif');
10.list style with image
11.list-style all values
12.The image and the position can be specified
13.You can specify only a marker
14.You can specify only the position.
15.You can specify only a marker image
16.The marker and the position can be specified
17.The marker and the image can be specified
18.list-style: url('arrow.png') inside
19.list-style: square inside
20.list-style: square url('arrow.png')
21.list-style: url('arrow.png')
22.list-style: circle
23.list-style: inside
24.LI display: inline;
25.LI line-height: 25px;
26.LI based top menu
27.LI Menu
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.