Как расположить текст внутри футера?

Курс HTML/CSS

Делал полностью за автором, перепроверил код несколько раз, 1 в 1, все закрыто, все правильно. В итоге текст не внутри футера по центру, а под ним, с права.

Фото

код HTML

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

	</div>

Код CSS

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

.footer p {
	padding: 0 0 10px 0;
}