<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib1e" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> < link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div class="margin"> <div class="border"> <div class=" padding"> <div class="content"> <p class="PCcontent">content</p> </div> </div> </div> </div> </div> </body> </html> file style.css .margin{ border: 20px solid slateblue; height: 200px; width: 400px; margin :150px; } .border{ border:15px solid rgb(38,6,250) height:170px; width:370px; } .padding{ border:10px solid rgb(250, 75,6); height:150px; width:350px; .content{ background-color: yellow; width:350px; height:150px; margin-top:-16px; } .PCcontent{ padding: 65px 135px; }