html 如何将下面的图片改成横排显示啊！！ html怎么写能使图片效果变成横排

html\u8bed\u8a00\u95ee\u9898\uff0c\u600e\u4e48\u4fee\u6539\u8bed\u8a00\u628a\u4e0b\u65b9\u7684\u56fe\u7684\u7eb5\u5411\u53d8\u6210\u6a2a\u5411\u6392\u5217\uff01

2009\u519c\u4e1a\u519c\u6751\u5de5\u4f5c\u77e5\u8bc6\uff08\u6751\u5b98\u4e0a\u5c97\u5fc5\u5907\u77e5\u8bc6\u624b\u518c\uff09 18.0\u5143 \u6751\u5b98\u8003\u8bd5--\u6b63\u72482008\u5168\u65b0\u7248\u9009\u8058\u5927\u5b66\u751f\u6751\u5e72\u90e8\u8003 50.0\u5143

<!--f4--><divclass="f11"><ahref="/a/n/hd/"><imgsrc="/templets/default/theme/bg/1_07.gif"></a>
</div>
<!--f4--><divclass="page"><divclass="dede_pages"><ulclass="pagelist">
<li style="float:left;"  >首页</li>
<li style="float:left;"    class="thisclass">1</li>
<li style="float:left;"  ><ahref='list_11_2.html'>2</a></li>
<li style="float:left;"  ><ahref='list_11_2.html'>下一页</a></li>
<li style="float:left;"  ><ahref='list_11_2.html'>末页</a></li>
<li style="float:left;"  ><selectname='sldd'style='width:34px'onchange='location.href=this.options[this.selectedIndex].value;'><optionvalue='list_11_1.html'selected>1
  </option>
  <optionvalue='list_11_2.html'>2
  </option>
  </select>
</li>
<li style="float:left;"  ><spanclass="pageinfo">共 <strong>2</strong>页<strong>13</strong>条</span></li>
</ul>
</div>
</div>
</div>
<!--s3 end--><!--footer-->
</div>
<!--footer--><divclass="bottom">
</div>

横排显示添加 float:left样式即可

给<li>加一个浮动属性
.pagelist li{
float:left;

}
关于浮动属性可以参考http://www.w3school.com.cn/css/css_positioning_floating.asp

直接把下面这段粘到这个页面,保存后刷新看看可以吗，不行再找我：
<style>
.pagelist li{display:inlie; padding:0 4px;}
</style>

css写个高和宽。你这个看起来可能是宽太小，你没发css。

css里加上
.pagelist li{
float: left;

}

扩展阅读：私人清晰照片xml ... 图片生成html代码软件 ... javascript实现轮播图 ... 自动轮播图html代码css ... 用html怎么让图片来回滑动 ... 免费html网站代码 ... html img图片居中 ... html网页div整体居中 ... html的轮播图怎么做 ...