请教各位CSS高手

来源：百度知道 编辑：UC知道 时间：2024/06/16 18:04:21
我有<div id="lie">
<a href="Chinese.pdf"><img src="/img/1.jpg" />chinese</a>
</div>
<div id="lie">
<a href="English.pdf"><img src="/img/2.jpg" />English</a>
</div>
<div id="lie">
<a href="French.pdf"><img src="/img/3.jpg" />French</a>
</div>
<div id="lie">
<a href="Spanish.pdf"><img src="/img/4.jpg" />Spanish</a>
</div>
<div id="lie">
<a href="German.pdf"><img src="/img/5.jpg" />German</a>
</div>
<div id="lie">
<a href="Intalian.pdf"><img src="/img/6.jpg" />Intalian</a>
</div>
这么段代码，请教各位，如果写css可以让图片排成一行，而不是一列，而文字在对应的图片下面。有效果高追！

<style type="text/css" title="">
.ttt
{
width:980px;
}
.ttt div
{
width:160px;float:left;
}
.ttt div img
{
display:block;
}
</style>
<div class="ttt">
<div id="lie">
<a href="Chinese.pdf"><img src="/img/1.jpg" />chinese</a>
</div>
<div id="lie">
<a href="English.pdf"><img src="/img/2.jpg" />English</a>
</div>
<div id="lie">
<a href="French.pdf"><img src="/img/3.jpg" />French</a>
</div>
<div id="lie">
<a href="Spanish.pdf"><img src="/img/4.jpg" />Spanish</a>
</div>
<div id="lie">
<a href="German.pdf"><img src="