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

Frontend developer HTML / CSS
1

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

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
    2

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

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