ul li的竖排二级导航栏,该怎么解决-HTML教程-爱易网页

ul li的竖排二级导航栏,该怎么解决

日期：2014-05-17　浏览次数：20577 次

ul li的竖排二级导航栏

HTML code


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>test </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style type="text/css">
 .listimages
{
list-style-type:none;
font-size:40px;
font-weight:bold;
letter-spacing: 40px;
}
.list1
{
list-style-type:none;
background:url(images/2.jpg) no-repeat top center;
padding:10px 0 0 0px;

}
.sp
{
float:left;
display:inline;
width:14px;
height:80px;
font-size:14px;
word-wrap:break-word;
word-break:nomal;
margin-left:10px;
}
  </style>
 </head>
 <body>
 <ul>
<li class="listimages sp">
<a>和导航栏</a>
<ul>
<li class="list1 sp">第二航栏</li>
<li class="list1 sp">第导航栏</li>
</ul>
</li>
</ul>
 </body>
</html>

整体的效果是第一级竖排，第二级导航栏和第一级并列，现在效果出不来，高人路过帮忙看看，谢谢了

------解决方案--------------------
a div{float:left}