<!DOCTYPE html>
  <html>
  <head>
    <!-- Default to invisible text -->
    <style type="text/css" media="screen, print">
      .hidden {
        color: white;
      }
      .visible {
        color: black;
      }
    </style>
  </head>
  <body>
    <!-- Nest successive radicals and test that the horizontal bar of one of them is drawn.
         Because the comparison is for inequality with about:blank, at most one can be visible -->
    <math>
      <mrow>
        <msqrt class="hidden">
          <mspace width="1em" height="1em" />
          <msqrt class="hidden">
            <mspace width="1em" height="1em" />
            <msqrt class="hidden">
              <mspace width="1em" height="1em" />
              <msqrt class="hidden">
                <mspace width="1em" height="1em" />
                <msqrt class="hidden">
                  <mspace width="1em" height="1em" />
                  <msqrt class="hidden">
                    <mspace width="1em" height="1em" />
                    <msqrt class="visible">
                      <mspace width="20em" height="1em" />
                    </msqrt>
                  </msqrt>
                </msqrt>
              </msqrt>
            </msqrt>
          </msqrt>
        </msqrt>
      </mrow>
    </math>

    <!-- Block out all but the horizontal bar of the visible radical -->
    <div style="position: absolute; top: 5px; left: 0px;
                width: 20em; height: 10em; background: white;"></div>

  </body>
</html>