Проблема с позиционированием css

[GamerVII]

Итак, решил сделать footer. (Приложил скриншот) Итак, задумка такова: GitHub - Разместить по левому краю, Twitter - по центру, О нас - По правому краю, но почему то Параграф не хочет вставать так как надо.

HTML Код

	<footer>
		<div class="container" style="padding-top: 1%;">
			<div class="row footer-information">
				<div class="col">
					<a href="#"><i class="fab fa-github"></i> GitHub</a>
					<p>Откройте и просмотрите нашу страницу на GitHub</p>
				</div>
				<div class="col text-center">
					<a href="#"><i class="fab fa-twitter"></i> Twitter</a>
					<p>Откройте и просмотрите нашу страницу на Twitter</p>
				</div>
				<div class="col float">
					<a href="#"><i class="fas fa-info-circle"></i> О команде</a><br>
					<p>Узнай больше о нашей команде!</p>
				</div>
			</div>
		</div>
	</footer>

css код

.float a{
	display: block;
	float: right;
}
.float p{
	font-size: 10px;
	display: block;
	text-align: right;
}
.footer-information p{
	font-size: 10px;
}
.footer-information a{
	border: 1px solid #fff;
	padding: 2px 5px;
	border-radius: 5px;
	text-decoration: none;
	font-size: 15px;
	color: #fff;
}
.footer-information a:hover{
	border: 1px solid #43a13e;
	padding: 2px 5px;
	border-radius: 5px;
	text-decoration: none;
	color: #43a13e;
	transition: 0.2s;
}