Untitled

----------------------------------------------
<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Biblioteka Publicza</title>
    <link rel="Stylesheet" href="./style.css">
</head>
<body>
<div id="banner">
<h2>Miejska Biblioteka Publiczna w Książkowicach</h2>
</div>
<div id="main">
<div id="lewy">
<h2>Dodaj czytelnika</h2>
<form action="biblioteka.php" method="post">
  imie <input type="text" name="imie"><br>
  nazwisko <input type="text" name="nazwisko"><br>
  data urodzenia <input type="number" name="data"><br>
  <input id="skrypt2" type="submit" value="dodaj">
  <!-- skrypt1 -->
</form>
</div>
<div id="środek">
<img id="obraz" src="biblioteka.png" alt="biblioteka">
<h4>ul. Czytelnicza 25<br>
12-120 Książkowice<br>
tel.: 123123123<br>
<a href="biuro@bib.pl">biuro@bib.pl</a></h4>
</div>
<div id="prawy">
<h3>Nasi czytelnicy<h3>
<ul id="lista">
  <li>element listy</li>
  <li>element listy</li>
</ul>
</div>
</div>
    <footer>
    <p>Projekt Witryny: Nikodem Rybczyk</p>
    </footer>

</body>
</html>
------------------------------------------------------------
#main{
    display: flex;
}
#banner{
background-color: #d47958;
height: 50px;
}
#lewy{
background-color: #AA593B;
height: 450px;
width: 40%;
}
#środek{
    background-color: #E5998B;
    height: 450px;
    width: 30%;
}
#prawy{
    background-color: #AA593B;
    height: 450px;
    width: 30%;
}
footer{
    background-color: #D47958;
    height: 50px;
    text-align:right;
}
#lista{
margin-left: 100px;
list-style-type: circle;
}
img{
margin-top:100px;
float: left ;
}
form{
    margin-left: 120px;
    margin-top:50px;
}
h4{
margin-left: 100px;
margin-top:200px;
}
h2{
    text-align: center;
    margin: 0px;
}
h3{
    text-align: center;
}
p{
    margin:0px;
}