Why do people use div instead to set the "boxes" and edit them without them.?

See my code and understand what i mean (Im not using divs) Html: <!DOCTYPE html> <html> <head> <title> Downloadstuff </title> <link rel="stylesheet" type="text/css" href="index.css"> <meta charset="utf-8"> </head> <body> <header> <ul> <li style="float: right;"> <a href="index.html" target="_blank"> <img src="Logo.jpg" height= "35px" width= "35px" alt="Home"> </a></li> <li > <a href="index.html" target="_blank" > Home </a> </li> <li> <a href="" target="_blank"> Downloads </a></li> <li> <a class="last" href="" target="_blank"> About us </a></li> </ul> <section> <h1> This is a non profit page for the people of the world. The page is created to give u some cool downloads. ☺ </h1> <p>Maybe there will be an adfly skip button.Thank u for the anderstanding. The Copyright is reserved to respectful owners to the programs. Use it for educational purposes only. </p> </section> </header> <article> <hr> <p> Click this button to go to downloads </p> <a href="" target="_blank"> Downloads </a> <br id="one"> <br> <br> <hr id="second"> </article> <br> <ul> <li> All rights reserved to Drake Applewood.Educational perpouses only. D.Applewood ☺ </li> </ul> </footer> </body></html> The Importatnt part . CSS: html { overflow: auto; } body { margin:0; overflow: scroll; background-image: url(maxresdefault.jpg); } footer #footer { } header { } header ul { position: fixed; top: 0; right: 0; left: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: white; } header li { float: left; font-size: xx-large; } header li a { top: 0; display: block; color: #333; text-align: center; padding: 14px 20px; text-decoration: none; } header li a:active{ cursor: wait;

#css #div #firstpage #rate_it!

19th Apr 2017, 12:29 PM

Riste Petrov

2 Answers

Missing part } header li a:hover { cursor: pointer; background-color: #333; color: white; padding: 14px 20px; } header section { top: 14px; left: 0; right: 0; margin: 0; overflow: auto; padding: 100px; } header section h1 { text-align: left; font-size: large; color: #333; float:both; } header section p{ text-align: left; font-size: large; color: #333; float:both; } body { overflow: hidden; } article { overflow: hidden; text-align: center; padding: 100px 100px; font-size: larger; } article br #first{ padding: 50px; } article p { padding: 50px 50px; } article a{ float: both; text-align: center; padding: 25px 25px; -webkit-border-radius: 10px; background-color: white; text-decoration: none; color: #333; } article a:hover{ background-color: #333; color: white; text-decoration: none; } article br #second { padding: 50px; } hr #one { padding:1px; } footer ul { bottom: 0; left: 0; right: 0; list-style-type: none; margin:0; padding: 100px; overflow: hidden; text-align: center; font-size: xx-large; background-color: grey; } SORRY FOR LONG QUESTION. Thank u infront. And one more question Is it wrong in my way? I dont mind if u copy paste it and here is the background photo picture. https://i.ytimg.com/vi/g9HSwA_4yGk/maxresdefault.jpg

19th Apr 2017, 12:30 PM

Riste Petrov

I can put that in the playground because of the resolution

19th Apr 2017, 1:38 PM

Riste Petrov