Как сделать что footer был внизу?

я сделал все как в видео по html и у меня footer вообще вверху

.footer {
width: 100%;
height: 100px;
padding: 28px 0 5px 0;
text-align: center;
background-color: darkslateblue;
color: #a8aa94;
margin-left: 0px;
margin-right: 0px;
min-width: 900px;
}

<div class="footer">
<p>
<a href="#">Главная</a> |
<a href="#">Профессии</a> |
<a href="#">Правила серверов</a> |
<a href="#">ТОП</a> |
<a href="#">Донат</a> |
<a href="#">Контакты</a> |

</p>

<footer class="footer">SERVERS FOR FUNN 2016</footer>

</div>