css - 在 CSS 中将链接和按钮对齐在同一行

Question

我有一个链接和一个按钮，每个都在自己的 div 中，然后包裹在一个共享的 div 中。链接位于页面中央，按钮与页面右侧对齐。我想保留这个，但将两个元素放在同一行。我怎样才能做到这一点？

Answer 1

在你的 div 上使用 float ，像这样:

<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/