Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prognoza pogody Poznań</title>
<style>
.baner{
    display:flex;
}
.baner > div{
    background-color:green;
    margin:1px;
    padding:1px;
    height:90px;
}
#banerlewy{
    width:20%;
}
#banerprawy{
    width:20%;
}
#banersrodkowy{
    width:60%;
}
.srodek{
    display:flex;
}
.srodek > div{
    background-color:rgb(175,238,238);
    width:50%;
    height:250px;
    margin:1px;
}
#glowny{
    background-color:rgb(95,158,160);
    padding:30px;
}
#stopka{
    background-color:rgb(175,238,238);
    padding:10px;
}
table{
    border:2px dotted green;
    width:100%;
    border-collapse:collapse;
}
td{
    border:2px dotted green;
}
th{
    border:2px dotted green;
    background-color:green;
    color:yellow;
}
</style>
</head>
<body>

<div class="baner">
    <div id="banerlewy"></div>
    <div id="banersrodkowy"></div>
    <div id="banerprawy"></div>
</div>
<div class="srodek">
    <div id="lewy"></div>
    <div id="prawy"></div>
</div>
<div id="glowny"></div>

<table>
    <tr><th>Lp</th><th>data</th><th>noc temp</th><th>dzien temp</th><th>opady</th><th>cisnienie</th>
 
</table>
<div id="stopka"></div>   
</body>
</html>
Editor is loading...