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