CSS 使分页链接在浏览器边距右侧 200 像素

Question

下面的分页代码显示得很好。但是，它总是靠浏览器的边缘左对齐。

如何将它向右移动 200 像素？

HTML:

echo " <div class='pages'><a href='http://www.domain.com/index.php?currentpage=1' class='links'><<</a></div> "; 

echo " <div class='pages'><a href='http://www.domain.com/index.php?currentpage=$prevpage' class='links'><</a></div> ";   

echo " <div class='pages'>[<b>$x</b>] </div>";  

echo " <div class='pages'><a href='http://www.domain.com/index.php?currentpage=$x' class='links'>$x</a></div> ";  

echo " <div class='pages'><a href='http://www.domain.com/index.php?currentpage=$nextpage' class='links'>></a></div> "; 

CSS:

    .pages
        {
        color: #000000;
        overflow: hidden;
        display: block;
        float: left;
        margin: 4px;
        margin-top: 1600px;
        margin-bottom:0px;
        margin-left: 10px;
        padding-bottom: 0px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 24px;
        }   


 a.links:link {
    color: #004284; text-decoration: none;
    text-align:center;
    margin-left:8px;
    margin-bottom:0px;
    padding:2px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    }

 a.links:visited {
    color: #004284; text-decoration: none;
    text-align:center;
    margin-left:8px;
    margin-bottom:0px;
    padding:2px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    }

 a.links:active {
    color: #004284; text-decoration: none; 
    text-align:center;
    margin-left:8px;
    margin-bottom:0px;
    padding:2px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    }

 a.links:hover {
    color: #FFFFFF; text-decoration: none; 
    background-color: #004284;
    text-align:center;
    margin-left:8px;
    margin-bottom:0px;
    padding:2px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    }

Answer 1

或者您可以简单地将其包装到外部 <div> 中，然后您可以一起控制它们:

<div id="wrap">
<div class='pages'><a href='http://www.domain.com/index.php?currentpage=1' class='links'><<</a></div> 
<div class='pages'><a href='http://www.domain.com/index.php?currentpage=1' class='links'><<</a></div> 
....
</div>

然后只是CSS它:

#wrap {
margin-left: 200px;
}