‹ CSS

top / right / bottom / left

Definen el desplazamiento de un elemento posicionado (relative, absolute, fixed o sticky) respecto a cada borde de su contenedor de referencia.

Vista previa

Codigo

ejemplo.html
<style>
  .contenedor { position: relative; height: 80px; border: 1px solid #999; }
  .esquina { position: absolute; bottom: 8px; left: 8px; }
</style>
<div class="contenedor">
  <span class="esquina">Anclado abajo a la izquierda</span>
</div>