How to align the image in the same line with the content of the nav tag

This image will make it easy to understand my problemIs there any way to make the logo image perfectly in the same line with the other content of the nav tag ?

that's my nav code;

<nav>
<ul>
    <li><img id="nav_img" src="nav_img.png" alt="logo" title="nav_img"></li>
    <li><a href="#">Home</a> </li>
    <li><a href="#"> About</a></li>
    <li><a href="#"> Contact</a></li>
    <li><a href='#'> FAQ </a></li>
    <li><a href='#'> Download </a></li>
</ul>