Trying to organize this photo

<!DOCTYPE html> <html lang="en"> <head> <title>Position Practice</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <div class="top-nav"></div> <div class="side-nav"></div> <div class="main"> <div class="sub-content"></div> <div class="sub-content"></div> <div class="sub-content"></div> <div id="advertisement"></div> </div> </div> </body> </html> .container{ width: 950px; background-color: silver; margin: 0px auto; } .top-nav { height: 150px; background-color: green; } .side-nav { height: 300px; width: 200px; background-color: blue; } .main { height: 400px; width: 700px; background-color: red; } .sub-content { height: 200px; width: 210px; background-color: yellow; } #advertisement { height: 120px; width: 660px; background-color: purple; }

n/a

5th Oct 2022, 7:22 AM

MelvinToran

1 Answer

+ 8

Hey!! What is your question exactly? Please try to put relevant tags As of now you have put -> "n/a" as your tag ? but why? Your internal css part should be inside the <style></style> tags which is placed between <head></head> tags If you are using external css , so yeah you can save it in the css file and as you did in your code , connecting it by using <link> tag

5th Oct 2022, 8:05 AM

Suparna Das