asp.net - 对齐同一行上的两个元素

Question

我有一个 asp.net 网页，为了视觉目的，我试图将两个元素对齐在同一行。第一个元素是带有页面标题的 span 元素。在同一行的最右侧，我想显示一个注销链接（用于链接的元素是 asp:linkbutton，它在方法后面的页面上调用注销方法）这会导致注销链接移动到下一行（最右边）。如何调整 css 或 html 来做我想做的事。

我现在看到的是

                Page Title
                                                                             Logout

我想要的是

                Page Title                                                   Logout

Answer 1

标记：

<div id="title">
    Page Title
</div>
<div id="logout">
    Logout
</div>

CSS：

#title{
width: 200px;
float: left;
}

#logout{
width: 200px;
float: left;
}

http://jsfiddle.net/s9tFY/

根据需要调整宽度和样式。

Answer 2

http://jsfiddle.net/9wY5m/2/

.logoutlink {float: right;}
#Label1 {float: left;}

请注意，我已经删除了 .logoutlink 上的大边距。