How Can I Put Text On the Right Top Corner

Question

I need help putting text on the right top corner!

I search on Google, StackOverflow and on youtube

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

I'm expecting I can put that login text on the right top corner!

Andy Hoffman · Accepted Answer · 2019-03-29T08:38:40.427

To position the link in the top right corner of the viewport, there are several approaches.

Fixed Positioning

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 · Answer 2 · answered Mar 29 '19 at 08:19

0

Why not just use css?

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

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

answered Mar 29 '19 at 08:19

TVBZ

Ajay · Answer 3 · 2019-03-29T08:32:59.953

-1

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>

edited Mar 29 '19 at 08:32

answered Mar 29 '19 at 08:27

Ajay