HTML-CSS-from-scratch/CssList.html at master · sanchit2107/HTML-CSS-from-scratch · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
 <style>
 .main{
	 background:#0F6;
	 width:90%;
	 height:auto;
	 margin:60px auto;
     }
 ul{
	 background:#F00;
	 margin:0;
	 padding:0;
 }
 ul li{
	 background:#00F;
	 width:20%;
	 list-style:none;
	 text-align:center;
	 float:left;
 }
 ul li a{
	 color:#F0F;
	 text-decoration:none;
	 text-align:center;
	 display:block;
 }
 ul li a:hover{
	 background:#0F9;
	 color:#F00;
 }
  </style>
</head>

<body>
 <div class="main">
  <ul>
   <li><a href="">Home</a></li>
   <li><a href="">Contact Us</a></li>
   <li><a href="">Serv</a></li>
   <li><a href="">Reg</a></li>
   <li><a href="">Query</a></li>
  </ul>
 </div>
</body>
</html>