         left: 50%;
        }
        .inner {
            background: green;
            position: relative;
            right: inherit; /* using inheritance to test computed vs. used */
        }
        .control {
          background: red;
          margin-bottom: -120px;
        }
    </style>
  </head>
  <body>
    <p>There must be a green box below and no red.</p>
    <div class="control"></div>
    <div class="container" dir="rtl">
      <div class="outer" dir="ltr">
        <div class="inner"></div