css制作横向菜单和块状链接

横向的两种方法

1、float:left

example:

.list li {
 width: 49%;
 float: left;
 height: 22px;
}

2、display:inline

example:

.head li {
 display: inline;
}

块状链接

.head li {
 display: inline;
}
.head li a {
 background: #E9F2FF;
 border: 1px solid #CCC;
 padding: 2px 15px;
}
.head li a:hover {
 background: #B3D3FF;
 text-decoration: none;
 color: #D30102;
}

均在ie、firefox、opera通过。