chromium/third_party/blink/web_tests/external/wpt/css/css-ui/reference/outline-020-ref.html

<!doctype html>
<html lang=en>
  <meta charset=utf-8>
  <title>CSS-UI test: outline block with outline inline reference file</title>
  <link rel="author" title="Aleks Totic <[email protected]>">
  <meta name=assert content="inline child displays outline correctly">
<style>
#container {
  border: 5px solid green;
  width: 110px;
  height: 40px;
  position: relative;
  top: -5px;
  left: -5px;
}

#target {
  border: 5px solid blue;
  position: relative;
  top: 5px;
}
</style>

  <p>Test passes if blue outline touches top left of green outline.</p>
  <div id="container"><span id="target">x</span></div>