织梦列表页分页显示为竖排的解决方法

列表页分页代码：

<div class="dede_pages">
<ul class="pagelist">
{dede:pagelist listitem="info,index,end,pre,next,pageno,option" listsize="5"/}
</ul>
</DIV>

织梦列表页分页错位，分页显示为竖排这种情况想必有很多的朋友都有遇到过吧，下面与大家分享下具体的解决方法，感兴趣的朋友可以参考下哈调用样式添加：

01.dede_pages{
02text-align:right;
03}
04.dede_pages ul{
05float:right;
06padding:12px 0px 12px 16px;
07}
08.dede_pages ul li{
09float:left;
10font-family:Tahoma;
11line-height:17px;
12margin-right:6px;
13border:1px solid #E9E9E9;
14}
15.dede_pages ul li a{
16float:left;
17padding:2px 4px 2px;
18color:#555;
19display:block;
20}
21.dede_pages ul li a:hover{
22color:#690;
23text-decoration:none;
24padding:2px 4px 2px;
25}
26.dede_pages ul li.thisclass,
27.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
28background-color:#F8F8F8;
29padding:2px 4px 2px;
30font-weight:bold;
31}
32.dede_pages .pageinfo{
33line-height:21px;
34padding:12px 10px 12px 16px;
35color:#999;
36}
37.dede_pages .pageinfo strong{
38color:#555;
39font-weight:normal;
40margin:0px 2px;
41}