html - 如何将文本放在右上角

Question

我需要帮助将文字放在右上角！

我在 Google、StackOverflow 和 youtube 上搜索

<html>
    <a href=login.html>LogIn</a>
</html>

我希望我可以将登录文本放在右上角！

score 1 · Accepted Answer

要将链接定位在视口的右上角，有几种方法。

固定定位

a {
  position: fixed;
  top: 0;
  right: 0;
}

<a href=login.html>LogIn</a>

a {
  position: absolute;
  top: 0;
  right: 0;
}

<a href=login.html>LogIn</a>

body {
  display: grid;
  justify-items: end;
}

<a href=login.html>LogIn</a>

body {
  display: flex;
  justify-content: flex-end;
}

<a href=login.html>LogIn</a>

a {
  display: table;
  margin-left: auto;
}

<a href=login.html>LogIn</a>

score 0 · Accepted Answer

为什么不直接使用 css？

a#login {
  position: fixed;
  right: 0;
  top: 0;
}

<a id="login" href=login.html>LogIn</a>

score -1 · Accepted Answer

a{
  position:fixed;
  top: 0;
  right: 0;
}

<html><a href=login.html>LogIn</a></html>

<html><div style="text-align:right"><a href=login.html>LogIn</a></div></html>