Define class for UL for border (1px solid black) and padding (40px) : ul « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. ul

Define class for UL for border (1px solid black) and padding (40px)

   
<html>
<head>
<title>Define class for <UL> for border (1px solid black) and padding (40px)</title>
<style type="text/css">
  #navigation {
   border: 1px solid black;
   padding: 40px;
  }
</style>
</head>
<body>
  <ul id="navigation">
    <li class="warning"><a href="http://www.java2s.com">A</a></li>

    <li><a href="http://www.java2s.com">B</a></li>

    <li><a href="http://www.java2s.com">C</a></li>
  </ul>
</body>
</html>








Related examples in the same category

1.'ul' creates an unordered (bulleted) list
2.UL tag
3.UL margin left and padding left
4.UL border bottom: 1px solid black
5.UL list style: none
6.UL width: 36%
7.UL text index: -1em
8.UL margin: 0
9.UL padding: 0 0 0 1em
10.Set margin for UL and LI
11.Use DIV to wrap a UL
12.Turn off list style
13.Left margin for list
14.Nested UL and LI tags
15.Add style to multi-level UL
16.turns off bullets for multi-level bullets
17.Add alignment line for UL
18.List with background
19.Advanced Lists: nested and ordered
20.ul margin-left: 40px; padding-left: 0px;
21.ul list-style-type: disc; list-style-image: url(bullet.gif);
22.ul padding: 0 0 0 1em;
23.UL width: 1000px;
24.UL float: left;
25.UL margin: 12px 0 1px 0;
26.UL display: block;
27.UL height: 25px;
28.UL LI based menu
29.UL LI based link list
30.UL float: right
31.UL for navigation
32.Setting style for UL inside a DIV
33.ul text-align: center;