按老师代码敲得，为什么图片还是不显示在一行里呢？

//css设置部分//
#content{
			width: 800px;
			margin: 0 auto;
			padding: 20px;
		}
		#content h1{
			color: powderblue;
		}
		#content.item{
			
			padding: 20px;
			margin-bottom: 20px;
			border: 1px dotted #0088bb;
		}
		#content.item h2{
			font-size: 16px;
			font-weight: bold;
			border-bottom: 2px solid #0088bb;
			margin-bottom: 10px;
		}

		#content.item li{
			float: left;
			display:inline;
			margin-right: 10px;
		}
		#content.item li a img{
			width: 200px;
			height: 200px;
			border: none;
		}
//下面是HTML部分//
<div id="content">
	<h1>地狗购物网</h1>
	<div id="item1" class="item">
		<h2>1F 男装</h2>
		<ul>
			<li><a href="#"><img src="1F.jpg" alt=""></a></li>
			<li><a href="#"><img src="1F.jpg" alt=""></a></li>
			<li><a href="#"><img src="1F.jpg" alt=""></a></li>
			。。。。。。。。。		

按老师代码敲得，图片weight，height都设置了，li属性设置的inline，为什么图片还是不显示在一行里呢？li属性改为li{float:left; list-style:none;}也不好使，图片始终成一列显示，求大神指导