Polecam nie używać do takiego układu divów float: left.
W zamian nauczyć się flexboxa, dużo lepsza technika, poprawniejsza i prostsza.
<div id="container">
<div id="n">
<header>
<div class="taf">
<h1>Rodzinne Domy Dziecka</h1>
</div>
</header>
<div class="dlawywiad">
<div class="wywiad">
</div>
<div class="wywiad">
</div>
<div class="wywiad">
</div>
</div>
</div>
<div class="taf"></div>
</div>
body
{
background-color: #7cd9b2;
margin: 0px;
padding: 0px;
}
#container
{
margin: 0 auto;
width: 1338px;
height: 1009px;
}
.dlawywiad {
display: flex;
justify-content: center;
align-items: center
}
.wywiad
{
height: 500px;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
background-color: #ffffff;
width: 406px;
}
.taf {
height: 120px;
background-color: #ffffff;
text-align: center;
font-family: 'Amatic SC', cursive;
font-size: 50px;
margin-top: 40px;
margin-bottom: 20px;
}