在同一条线上对齐两个元素

Question

我有一个asp.net网页，我试图将两个元素对齐，以便在视觉上显示在同一行。 第一个元素是带有页面标题的span元素。在同一行的最右边，我想显示一个注销链接（用于链接的元素是asp：linkbutton，它在方法后面的页面上调用logout方法）这会导致注销链接移动到下一行（最右边） ）。如何调整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上的大边距。