Как выровнять ul с картинками?

Доброго времени суток, мне нужно выровнять список моих картинок по левой стороне, а ссылки справа, что то не выходит, вот код, подскажите пожалуйста где ошибки, что поменять, дописать или переписать:

HTML:

<nav class="navbar">
<div class="navbar-info" style="visibility: hidden;">


  • <a href="#number">somenumber


  • <a href="https://www.instagram.com">@someinstacc


  • <a href="mail">mymail@gmail.com



    <div class="home-button">
    <a href="#home"><img src="img/logo.png" alt="">

    <div class="navbar-info">


  • <img src="svg/phone.svg" alt="">
    <a href="#number">somenumber


  • <img src="svg/inst.svg" alt="">
    <a href="https://www.instagram.com">@someinstacc


  • <img src="svg/email.svg" alt="">
    <a href="mail">mymail@gmail.com



    Доброго!) Думаю это вам поможет:

    .navbar-info li {
    list-style-type: none;
    padding-bottom: 7px;
    float: left;
    clear: left;
    }