<!DOCTYPE html>
<!--
 | This is a simple relative positioning test which checks that the element,
 | with an inline box acestor, is offset from its standard in-flow position,
 | and does not affect the layout of surrounding elements in the flow.
 |   https://www.w3.org/TR/CSS21/visuren.html#relative-positioning
 -->
<html>
<head>
  <style>
    .parent {
      background-color: #2196f3;
      font-family: Roboto;
      font-size: 50px;
      font-weight: bold;
    }

    .with-offset {
      background-color: #3f51b5;
      position: relative;
      left: 20px;
      top: 20px;
    }
  </style>
</head>

<body>
  <span class="parent">Hello <span class="with-offset">Olleh</span> Hello</span>
</body>
</html>