focus-ring-for-anchor-expected.html

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

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

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

<a href="#" style="display:block; top:160px;">Click
  <div style="margin-left:40px; margin-top:20px; background-color: blue;"></div>
  <div style="margin-left:80px; margin-top:-40px; background-color: green;"></div>
</a>

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