如何显示与标题内联的链接？

Question

我想要做的就是设置一个包含页面标题的标题，并且有一个链接可以登录与标题内联的内容。这似乎很简单，但我没有做的工作。这是我的代码：

HTML

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

CSS

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

float: right可以正常工作，但它并不像我希望的那样与标题内联。感谢。

Answer 1

将h1替换为标记中的a

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

离开CSS的时候。

Answer 2

只需将a与.sign-in类放在h1之前，对于带有float:right;或classes且带有float:right;声明的代码，首先宣布。

以下是 WORKING SOLUTION

HTML更改

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

Answer 3

将float:left;提供给h1代码

Answer 4

我认为这就是你需要的

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