css 图片横排

 
<style type="text/css">
ul.photo {
  list-style-type :none;
  width:60%;margin:0px 0px;
  padding:0px;
  }

ul.photo li{
   float:left;
   width:140px;
   height:120px;
   text-align: center;
   overflow: hidden;
   display:inline;
   }
ul.photo li img{
   width:120px;
   height:90px;
   margin:2px;
   padding:4px;
   background: #eee;
   color:#f60;
   border: solid 1px #ddd;
   }
ul.photo li a:hover img {
      background:#fff;
      color:#f60;
      padding:4px;
      border: solid 1px #FF9A33;
      }
ul.photo li b{
   float:left;
   width:100%;
   font-style:normal;
   text-align: center;
   height:15px;
   overflow:hidden;
   }
</style>

<ul class="photo">
<li>
 <a href="#">
  <img src="tang/tttt.png" οnerrοr="this.src="img/nopic.gif"" alt="人气值：{阅读次数}" />
 </a>

 <b style="color:{标题颜色}">{标题}</b>
</li>
<li>
<a href="#">
<img src="tang/tttt.png" οnerrοr="this.src="img/nopic.gif"" alt="人气值：{阅读次数}" /></a>
<b style="color:{标题颜色}">{标题}</b>
</li>

<li>
<a href="#"><img src="tang/tttt.png" οnerrοr="this.src="img/nopic.gif"" alt="人气值：{阅读次数}" /></a><b style="color:{标题颜色}">{标题}</b></li>

<li><a href="#}">
 <img src="tang/tttt.png" οnerrοr="this.src="img/nopic.gif"" alt="人气值：{阅读次数}" />
</a>
<b style="color:{标题颜色}">{标题}</b>
</li>

<li><a href="#">
<img src="tang/tttt.png" οnerrοr="this.src="img/nopic.gif"" alt="人气值：{阅读次数}" /></a>
<b style="color:{标题颜色}">{标题}</b>
</li>

<li><a href="#}">
<img src="tang/tttt.png" οnerrοr="this.src="img/nopic.gif"" alt="人气值：{阅读次数}" /></a>
<b style="color:{标题颜色}">{标题}</b>
</li>

<li><a href="#">
<img src="tang/tttt.png" οnerrοr="this.src="img/nopic.gif"" alt="人气值：{阅读次数}" /></a>
<b style="color:{标题颜色}">{标题}</b>
</li>

<li><a href="#">
<img src="tang/tttt.png" οnerrοr="this.src="img/nopic.gif"" alt="人气值：{阅读次数}" /></a>
<b style="color:{标题颜色}">{标题}</b></li>

</ul>