html - img - Cómo colocar div en la esquina superior derecha de la página

tooltip bootstrap

Question

¿Cómo se flota un div en la esquina superior derecha de una página usando css? Quiero flotar la div topcorner que está debajo:

<p><a href="login.php">Log in</a></p>

<div class="topcorner"><a href="home.php">Back to Home</a></div>

el inicio de sesión va en la esquina de la izquierda, lo que hace en este momento, quiero que el enlace de inicio se coloque en otra esquina,

Answer 1

Prueba css:

.topcorner{
    position:absolute;
    top:10px;
    right: 10px;
 }

puedes jugar con las propiedades top y right .

Si desea flotar el div incluso cuando se desplaza hacia abajo, simplemente cambie la position:absolute; a la position:fixed; .

Espero eso ayude.

Answer 2

Puedes usar css float

<div style=''float: left;''><a href="login.php">Log in</a></div>

<div style=''float: right;''><a href="home.php">Back to Home</a></div>

Echa un vistazo a este posicionamiento CSS

Answer 3

el estilo es:

<style type="text/css">
 .topcorner{
   position:absolute;
   top:0;
   right:0;
  }
</style>

Espero que funcione Gracias

Answer 4

<style type="text/css">
 .topcorner{
  position:absolute;
  top:10;
  right:15;
  }
</style>

También puede usar esto en un archivo externo de CSS.