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