<!DOCTYPE html>
<!--
 | When a relatively positioned box is split in inline formatting context, the
 | stacking context of sibling elements must not be affected.
 -->
<html>
 <head>
 <style>
  body { margin: 0px; font-family: Roboto; }
  span { background-color: #009688; position: relative; }
 </style>
 </head>
 <body>
  <div style="width:50px; background-color: #80CBC4">
   <span>
    <span>xxxxx iii</span>
   </span>
  </div>
 </body>
</html>