lying the bidirectional algorithm to the contents of a bdi element,
      user agents must treat the element as a paragraph-level container.'
      Thus, under no circumstances should the content outside a BDI affect the visual
      ordering of the BDI's content."/>
    <style>
      body{
        font-size:2em;
      }
      .test, .ref {
        border: medium solid gray;
        width: 500px;
        margin: 20px;
      }
      .comments { display: none; }
    </style>
  </head>
  <body>
    <div class=