使文字环绕按钮

Question

如何使上一页/下一页的导航按钮出现在文章的中间（垂直-顶部= 50％），并同时使文章文字环绕按钮。我试过在父div（）中使用相对定位，然后对按钮本身进行绝对定位，而当按钮正确位于页面中途时，文本不会环绕它们。 （仅供参考，在下例中，“下一页”按钮被图像遮盖了。）以下是该页面的外观：http://nakedcitystories.com/frenchconnectiontestpagestack.html

这是CSS文章：

article {
display: block;
margin-right: 5px;
margin-left: 165px;
margin-bottom: 5px;
border-style: solid;
border-width: 1px;
border-color: #9a9a9a;
width: 830px;
height: auto;
overflow: hidden;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 30px;
position: relative;

}

这是“上一步”按钮的CSS：

.previous {
background-color: black;
color: white;
float: left;
top: 50%;
position: absolute;
}