Untitled

<html>
<head>
    <style>
    body{
        font-family:Georgia;
        }
    #banner{
        background-color:#824555;
        color:white;
        text-align: center;
        padding:20px;
    }
    #pierwszydrugi{
        background-color:#A26475;
        color:white;
        width:30%;
        height:300px;
        float:left;
    }
    #trzeci{
        background-color:#A26475;
        color:white;
        width:40%;
        height:300px;
        float:left;
    }
    #glowny{
        background-color:#F0EAE2;
        padding:20px;
        clear:both;
    }
    #stopka{
        background-color:#824555;
        color:white;
        text-align:center;
        padding:20px;
    }
    </style>
<meta charset=utf-8>
<title>Formatowanie</title>
</head>
<body>
<div id="banner">
<h1>Formatowanie dokumentów HTML</h1>
</div>
<div id="pierwszydrugi">
<h2>Przykład listy - hobby</h2>
<ol>
<li>muzyka</li>
<li>turystyka</li>
    <ol>
    <li>góry</li>
    <li>jeziora</li>
    <li>na rowerze</li>
    </ol>
<li>książki</li>
</ol>
</div>
<div id="pierwszydrugi">
<h2>Przykład tabeli - rozkład dnia</h2>
    <table border="1">
    <tr>
    <td>Pora dnia</td>
    <td>obowiązki</td>
    </tr>
    <tr>
    <td>rano</td>
    <td>nauka</td>
    </tr>
    <tr>
    <td>południe</td>
    <td>zajęcia dodatkowe</td>
    </tr>
    <tr>
    <td>popołudnie</td>
    <td rowspan="2">moje hobby</td>
    </tr>
    <tr>
    <td>wieczór</td>
    </tr>
    </table>
</div>
<div id="trzeci">
TEST
</div>
<div id="glowny">
<p id=tekst1>Podaj rozmiar tekstu w procentach:
</div>
<div id="stopka">
Stronę internetową opracował: <i>00234123489</i>
</div>
</body>
</html>