Hello!) How in this situation to position the forest in the center of the center?
<html> <head> <title>Title</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="fon1"><img src="fon1.png"/></div> <div class="fon2"><img src="fon2.png"/></div> <div class="forest"> <div class="main"></div> </div> </body> </html> div.fon1 { position: absolute; left: 0px; } div.fon2 { position: absolute; right: 0px; } div.forest { position: absolute; border-radius: 5px; box-shadow: 0px 5px 15px #000; background-image: url("1.jpg"); background-repeat: repeat; padding: 2%; } div.main { width: 800px; height: 600px; background: white; border-radius: 5px; box-shadow: 0px 5px 15px #000; }
Thank!