focus-ring-for-anchor1-expected.html

<!DOCTYPE html>
<style>
  body {
    line-height: 20px;
  }
  a {
    width: 80px;
    height: 80px;
    outline: red auto thin;
    background: yellow;
  }
  div {
    position:relative;
    width: 80px;
    height: 80px;
    background: yellow;
  }
</style>

<a href="#">Click</a>
<div style="margin-top:12px; margin-left:32px; background-color: blue;"></div>
<div style="margin-top:-40px; margin-left:72px; background-color: green;"></div>

<a href="#" style="display: block; margin-top:28px;">Click</a>
<div style="margin-top:-38px; margin-left:32px; background-color: blue;"></div>
<div style="margin-top:-40px; margin-left:72px; background-color: green;"></div>

<div style="top:30px; outline: red auto thin;">Click</div>
<div style="margin-top:-10px; margin-left:40px; background-color: blue;"></div>
<div style="margin-top:-40px; margin-left:80px; background-color: green;"></div>

chromium/third_party/blink/web_tests/paint/invalidation/outline/focus-ring-for-anchor1-expected.html