垂直对齐圆形按钮

Question

我想创建一组垂直对齐的 3 个圆形按钮（请参阅参考资料：http://i.imgbox.com/hAjYNmIq.jpg）但由于某种原因我无法完成，第一个按钮似乎覆盖了其余按钮。我知道这是一个基本的代码问题，但我卡住了，我需要尽快解决这个问题。

这是我目前所获得的基本代码：

#pagination a {
    color: {color:Link Shadow};
    font: 700 1.000em 'Helvetica', Calibri, Helvetica, Arial!important;
    position: fixed;
    float:left;
    z-index: 999!important;
    bottom: 28px;
    display: none;
    background-color: #fff;
    border:3px solid {color:Link Shadow};
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .15);
    width: 26px;
    padding: 13px;
    height: 26px;
    border-radius:100%;
    margin-left: -245px; }

   <div id="pagination"> <a href="#">Back To Top</a><br> <a href="/">Prev Page</a><br> <a href="/">Next Page</a> </div>

Answer 1

更新您的 HTML（不正确的 href）后，这就是我的想法。但是，由于您的大小限制，您的文本会溢出。 And here's a Fiddle of it

<div id="pagination">
<a href="#">Back To Top</a>
<a href="#">Prev Page</a>
<a href="#">Next Page</a>
</div>


#pagination a {
color: #000;
font: 700 1.000em 'Helvetica', Calibri, Helvetica, Arial!important;
z-index: 999!important;
background-color: #fff;
border:3px solid #00a;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .15);
width: 26px;
padding: 13px;
height: 26px;
border-radius:100%;
display:block;
margin-bottom:20px;
}
#pagination {
position:fixed;
}

垂直对齐圆形按钮

Align Circle Buttons Vertically

html

css

button