position-area-overflow-icb-001-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html dir=rtl>

<title>Reference: position-area overflow alignment against ICB - non-scrollable RTL</title>

<style>

.anchor {

  border: solid orange 20px;

  position: absolute;

  margin: auto;

  top: 50%;

  left: 50%;

.above, .below, .left, .right {

  border: solid blue 3px;

  padding: 2px;

  position: absolute;

  width: 0;

  height: 0;

.above { top: 0;     left: 50%;    height: 60vh;  margin-left:   25px; }

.below { bottom: 0;  left: 50%;    height: 60vh;  margin-left:    5px; }

.left  { left: 0;    top: 50%;     width:  60vw;  margin-top:    25px; }

.right { right: 0;   top: 50%;     width:  60vw;  margin-top:     5px; }

</style>

<div class=anchor></div>

<div class=above></div>

<div class=below></div>

<div class=left></div>

<div class=right></div>