html - ヘッダー付きのリンクをインラインで表示するにはどうすればよいですか?

Question

私がやりたいのは、ページタイトルを含むヘッダーと、タイトルにインラインでサインインするためのリンクを配置することだけです。これは非常に単純に思えますが、私がしていることは何も機能していません。私のコードは次のようになります。

HTML

<h1>Title</h1><a href="sign-in" class="signIn">Sign in</a>

CSS

.signIn {
  float: right;
  display: inline;
}

動作しますが、float: right私が望むようにタイトルと一致していません。ありがとう。

score 2 · Accepted Answer

マークアップh1のに置き換えますa

<a href="sign-in" class="signIn">Sign in</a><h1>Title</h1>

CSSをそのままにしておくとき。

score 2 · Accepted Answer

withまたはwith宣言を最初に宣言する必要があるため、 awith.sign-inクラスをの前に配置するだけです。h1float:right;classesfloat:right;

HTML の変更

<a href="sign-in" class="signIn">Sign in</a><h1>Title</h1>

score 1 · Accepted Answer

1

タグ付けfloat:left;してみるh1

于 2013-10-16T13:03:59.353 に答える

score 0 · Accepted Answer

私はこれがあなたが必要とするものだと思います

 h1{display: inline;}
    .signIn {
      display: block;
      float: right;
    }

4 に答える 4