styl kodu liniowego

Kod:

<!DOCTYPE html>
<html>
 <head>
 <style type="text/css";charset="UTF-8"/> /* początek def CSS */
 * { margin: 0px; padding: 0px;} /* zerowanie styli */
 <div> {overflow: hidden; padding: 25px; }
/* overflow: hidden --> ukrywanie tekstu wychodzącego poza granice elementu */
/* padding: 25px; --> Margines wewnętrzny określa odstęp pomiędzy początkiem elementu, a jego treścią. tutaj 25 pikseli*/
 #ramka { /* definicja elementu ID o nazwie ramka*/
 margin-right: auto; /* auto -->przeglądarka internetowa sama określi rozmiar prawego zewnętrznego marginesu */
 margin-left: auto;
 min-width: 400px; /* minimalna szer strony-->400pikseli */
 max_width: 900px; /* maksymalna szer strony-->900 pikseli */
 }
 #naglowek {
 background-color: #FCF;
/* kolor tła w HEX na #FCF; */
 font-size:16pt;
/* wielkość czcionki na 16 pot */
 color:red;
/* Kolor czerwony */
 font-family: Arial;
/* rodzina czcionki, tu arial */
 font-style: italic;
/* styl czcionki, tu italic */
 text-align: center;
/* miejsce tekstu, środek */
 font-weight:bold;
/* czcionka tekstu powinna posiadać grubość większą od elementu rodzica. */
 }
 #stopka {
 background-color: #c0c0c0;
 font-size:16pt; 
  color:blue;
 font-family: Arial;
 font-style: italic;
 clear:both;
/* clear-przyleganie elementów, both-oba */
 }
.kolumny {/*definicja elementu kolumny (jest kropka i co to znaczy)*/
 margin-top: 10px; /*  rozmiar górnego zewnętrznego marginesu, 10pikseli */
 margin-right: 2%; /*  rozmiar prawego zewnętrznego marginesu, 2% */
 margin-bottom: 2%; /* rozmiar dolnego zewnętrznego marginesu, 2% */
 margin-left: 10px; /* rozmiar lewego zewnętrznego marginesu, 10pikseli*/
 background-color: #c0c0c0;
 }
 #kol1 {
 float: left; /* Z left właściwości float możemy sprawić, że stanie się pływającym */
 width:100px;
 }
 #kol2 
 {
     
 }
</style>
 </head>
 <body>
 <div id="ramka">
 <div id="naglowek">Nagłówek mojej strony </div>
 <div class="kolumny" id="kol1"><p>Menu</p> </div>
 <div class="kolumny" id="kol2"><p>Treść</p></div>
 <div id="stopka">Pracę wykonał nieznany woluntariusz</div>
 </div>
 
<div id="prv_main_link"><a href="https://www.prv.pl" title="darmowy hosting">Darmowy hosting</a> zapewnia PRV.PL</div><script type="text/javascript" src="/prv_site_config_values.js"></script><script type="text/javascript" src="//hosting2.keep.pl/prv_hosting_footer.js"></script></body>
</html>