<style>

#all {width: 1000px; height: auto; background-color: #9dcdf0;}

#header {width: auto; height: 80px; /*stabileste dimensiunile sectiunii*/

text-align: center; color: red; font-size: medium; /*se refera la modalitatea de afisare a textului*/

background-color:green; /*culoare de fundal*/

padding: 3px 0px 0px 0px; } /*stabileste dimensiunea zonei limitrofe obiectului*/

#navbar, ul {

height: 70px;

list-style-type: none; /*elimina numerotarea elementelor din lista*/

margin: 5px 0px 0px 0px; /*introduce un spatiu de 5px intre sectiunea header si sectiunea
navbar*/

padding: 0px;

overflow: hidden; /*delimiteaza intreaga zona a barei de navigare de restul obiectelor*/

background-color: #333;

li {

float: left; /*pozitioneaza fiecare element al listei in stanga urmatorului. are ca rezultat afisarea barei
de navigare pe orizontala*/

li a {

display: block; /*afiseaza elementele listei sub forma de butoane*/

 color: white;

text-align: center;

padding: 20px;

text-decoration:none; /*elimina formatari implicite pentru text. in acest caz se refera la underline -
linia ce apare atunci cand se seteaza o legatura*/

text-transform: uppercase; /*scrie intreg textul cu litere mari*/

li a:hover {

background-color: #111; /*schimba culoarea butonului in momentul in care trecem cu mouse ul

peste acesta*/

#section {width: auto;

background-color:orange;

text-align:justify;

padding: 10px;

margin-top:5px;

#article {width: auto;

background-color: lime;

text-align: justify;

padding: 10px;

margin-top:5px;
}

#footer {background-color: teal;

text-align:center;

padding: 3px;

margin-top: 5px;

</style>