Question

html 如何将下面的图片改成横排显示啊！！

代码如下
<!--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>首页</li>
<liclass="thisclass">1</li>
<li><ahref='list_11_2.html'>2</a></li>
<li><ahref='list_11_2.html'>下一页</a></li>
<li><ahref='list_11_2.html'>末页</a></li>
<li><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><spanclass="pageinfo">共 <strong>2</strong>页<strong>13</strong>条</span></li>

</ul>
</div>
</div>
</div>
<!--s3 end-->

<!--footer-->
</div>
<!--footer-->
<divclass="bottom">
</div>

Answer 1

<!--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样式即可

Answer 2

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

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

追问

在哪里加啊，本人啥也不懂，麻烦您直接帮我写好吧。万分感谢啊！！！

追答

有两种方法。
第一种：在html文件中加
直接把你的代码首页写成首页
后面的123一样写法，但是这种方法不推荐，很麻烦，你有几个li就要写几遍，所以推荐第二种

第二种：写一个.css文件，然后在html的中写

然后在这个css文件中写上
.pagelist li{
float:left;
}

Answer 3

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

Answer 4

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

追问

在哪里加啊，本人啥也不懂，麻烦您直接帮我写好吧。万分感谢啊！！！

追答

css里面，看起来是dede_pages里，你试下。加个宽，高，再加个float：left；

Answer 5

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

}

追问

在哪里加啊，本人啥也不懂，麻烦您直接帮我写好吧。万分感谢啊！！！