<!DOCTYPE HTML>
<title>outline and box-shadow</title>
<style>
html, body { margin: 0; padding: 0 }
p {
  margin: 48px;
  border: 2px solid blue;
  padding: 5px; /* ensure no font overhang */
  background: yellow; color: black;
  box-shadow: 10px 10px 10px 0px black;
}
</style>
<p>The outline should be adjacent to the background.</p>