Pagination dislocation of the dream list page (pagination with vertical bars)

Solution:
Code for listing page paging:
<Div class = "dede_pages">
<Ul class = "pagelist">
{Dede: pagelist listitem = "info, index, end, pre, next, pageno, option" listsize = "5 "/}
</Ul>
</DIV>

Add a call style:
. Dede_pages {
Text-align: right;
}
. Dede_pages ul {
Float: right;
Padding: 12px 0px 12px 16px;
}
. Dede_pages ul li {
Float: left;
Font-family: Tahoma;
Line-height: 17px;
Margin-right: 6px;
Border: 1px solid # E9E9E9;
}
. Dede_pages ul li {
Float: left;
Padding: 2px 4px 2px;
Color: #555;
Display: block;
}
. Dede_pages ul li a: hover {
Color: #690;
Text-decoration: none;
Padding: 2px 4px 2px;
}
. Dede_pages ul li. thisclass,
. Dede_pages ul li. thisclass a,. pagebox ul li. thisclass a: hover {
Background-color: # F8F8F8;
Padding: 2px 4px 2px;
Font-weight: bold;
}
. Dede_pages. pageinfo {
Line-height: 21px;
Padding: 12px 10px 12px 16px;
Color: #999;
}
. Dede_pages. pageinfo strong {
Color: #555;
Font-weight: normal;
Margin: 0px 2px;
}