asp.net - 2 つの要素を同じ行に揃える

Question

視覚的な目的で2つの要素を同じ行に配置しようとしているasp.net Webページがあります。最初の要素は、ページのタイトルを持つ 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 の大きな余白を削除したことに注意してください。