Question

html+css问题

一个大的div id里有几个ul和li图片 需要让这些图片横排显示。css怎么写
代码：
<div id="pic">
<div id="photo">
<ul>
<li><img src="images/item/1.jpg" alt=""/><div class="title">一</div><div class="title-square">大小</div>
<h3>标题</h3>
<p>文字<span class="a">数字</span></p>
<p>文字2<span class="b">数字2</span></p>
<a href="#" class="btn">预订</a>
</li>
</ul>
<ul>
<li><img src="images/item/2.jpg" alt=""/><div class="title">二</div><div class="title-square">大小</div>
<h3>标题2</h3>
<p>文字3<span class="a">数字3</span></p>
<p>文字4<span class="b">数字4</span></p>
<a href="#" class="btn">预订</a>
</li>
</ul>
</div>
</div>
float：left的方法已经用过 没有用

Answer 1

#photo ul{
float:left;
}

追问

没用