Stopka idzie z dołu na górę

Question

Witam, mam zasadniczy problem. Mianowicie stopka zamiast być na dole gdzie jej miejsce idzie do góry.

Link do kodu:http://jsfiddle.net/08onp6ka/

Tak to +/- wygląda (drugi prostokąt to stopka)

Answer 1

Jeśli chodzi o to, żeby było nad liniami to margines dodać
http://jsfiddle.net/zwsru182/

Answer 2

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;
}