footer по середине, а не в конце, урок 44 HTML

вот код, и как отображается у меня, как сделать так чтобы все было внизу

<div class="footer">
		<p><a href="#">Главная</a> |
			<a href="#">Фильмы</a> |
			<a href="#">Сериалы</a> |
			<a href="#">Рейтинг фильмов</a> |
			<a href="#">Контакты</a> |
		</p>
		<p>kinomonstr.ru 2018</p>
		
	</div>

.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;
}
.footer a {
	color: #a8aa94
	text-decoration: none;
}

.footer a:hover {
	color: #fff;
	text-decoration: none;
}