<!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>