outline-auto-location.html | Explore in Territory

<html>
<style>
.test3 {
  outline: auto 3px #1f5ccf;
  background-color: lightblue;
  margin: 20px;
  font-size: 30px;
  line-height: 16px;
  height: 16px;
  width: fit-content;
}

.test4 {
  display: inline-block;
  font-size: 10px;
  height: 20px;
  width: 40px;
  outline: lime auto 2px;
  zoom: 2;
}
.inner {
  height: 20px;
  background-color: yellow;
  line-height: 28px;
}
</style>
	<body>
		<div style="outline:solid 3px #1f5ccf; background-color: lightblue; margin: 20px">
			<p>There should be one outline around the whole div</p>
			<p style="margin-left: -20px">Not around each element</p>
		</div>
		<div style="outline-style: auto; background-color: lightblue; margin: 20px">
			<p>There should be one outline around the whole div</p>
			<p style="margin-left: -20px">Not around each element</p>
		</div>

                <div class="test3">Auto outline should be taller than the div height.</div>

                <p><div class="test4"><div class="inner">XXX</div></div>
                A taller line-height should not affect the outline height. crbug.com/1203247</p>
	</body>
</html>
chromium/third_party/blink/web_tests/fast/css/outline-auto-location.html
