我的图片为什么没有在同一行显示？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link href="./ccs/test.css" rel="stylesheet" type="text/css/">
</head>
<body>
<div>
<ul>
<li><img src="./images/1.jpg"</li>
<li><img src="./images/2.jpg"</li>
<li><img src="./images/3.jpg"</li>
<li><img src="./images/4.jpg"</li>
</ul>
<div>
<a><</a>
<a>></a>
<a>play</a>
</div>
<h2>多图旋转轮播效果</h2>
</div>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="js/jquery.transform-0.9.3.min_.js"></script>
<!--<script src="js/test.js"></script>-->
</body>
</html>
body,div,h2,ul,li,a{
padding:0;
margin:0;
font-family:"微软雅黑";
}
.mainbox {
width:1200px;
height:450px;
overflow:hidden;
margin:0 auto;
}
.mainbox ul li{
float:left;
list-style:none;
width:300px;
height:400px;
}
