<!DOCTYPE HTML>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<html><head>
    <meta charset="utf-8">
    <title>Bug 942017</title>

    <style type="text/css">
@font-face {
  font-family: DejaVuSansMono;
  src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
}

  html,body {
      color:black; background-color:white; font-size:24px; font-family:DejaVuSansMono; padding:20px; margin:0;
  }

  div {
    float: left;
    padding: 1em 2em;
    outline: 2px solid black;
    background: black;
  }

  div.a { line-height: 0.5em; }
  div.b { line-height: 2em; }
  div.i l { margin-left:2.84ch; }

  l { display:block; outline:1px solid green; width:1ch; direction:rtl; white-space:nowrap; }
  x { display:inline-block; width:2.84ch; height:1px; vertical-align:top; }
    </style>
</head>
<body>
        <div class="a">
          <l>X<x></x></l>
          <l>X<x></x></l>
        </div>

<br clear="all">

        <div class="b">
          <l>X<x></x></l>
          <l>X<x></x></l>
        </div>

<br clear="all">

        <div class="a i">
          <l>X<x></x></l>
          <l>X<x></x></l>
        </div>

<br clear="all">

        <div class="b i">
          <l>X<x></x></l>
          <l>X<x></x></l>
        </div>

</body>
</html>