outline-and-box-shadow.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<title>outline and box-shadow</title>

<style>

html, body { margin: 0; padding: 0 }

p {

  margin: 50px;

  outline: 2px solid blue;

  padding: 5px; /* ensure no font overhang */

  background: yellow; color: black;

  box-shadow: 10px 10px 10px 2px black;

</style>

<p>The outline should be adjacent to the background.</p>