Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .box { width: 180px; height: 180px; background: #d9dbda; margin: 20px 50px; } .inner-border { border: 20px solid #d9dbda; box-shadow: inset 0px 0px 0px 10px #969696; box-sizing: border-box; } .inner-outline { outline: 10px solid lightblue; outline-offset: -30px; } </style> </head> <body> <h2>Border inside a Div</h2> <div class="box inner-border"></div> <h2>Outline Inside a Div</h2> <div class="box inner-outline"></div> </body> </html>