Problem with the title (logo+text) in my nav-bar

Hi to everyone. I’m trying to do a simple nav bar with my icon and a title. I used this code:

        <img class="title-image" src='./img/soloLogo.png'><span> Staff</span>


.title-image {
height: 30px;
width: 30px;
margin-top: 5px !important;

i can show the logo and the text, but the problem is that they aren’t align. I tried to play with the css but i can’t able to resolve it. Here the screen:

How can i align the text and the logo in the bar?