在CSS中对齐同一行上的链接和按钮

Question

我有一个链接和一个按钮，每个都在他们自己的div中，然后包装在一个共享的div中。链接以页面为中心，按钮与页面右侧对齐。我想保留这个，但是在同一行上有两个项目。我该怎么做？

Answer 1

在div上使用浮点数，如下所示：

<div class="wrapper">
    <div class="center">
        center
    </div>
    <div class="right">
       right
    </div>
</div>

和css：

.wrapper {
     width: 100%;
}

.center {
    float: left;
    margin-left: 50%;
}

.right {
    float: right;
}

http://jsfiddle.net/uK5hM/