https://i.sstatic.net/Oxmqa.pngI'm looking to center align the logo within the navigation bar on my page.
Here is the code I currently have:
<div class="nav">
<ul>
<li id="center">
<a href="home.php"><img src="images/w_logo.gif"></a>
</li>
</ul>
</div>
I came across this solution online:
#center img{
display: block;
margin: auto;
}
However, I am encountering an issue where the display:block property is adding space around the image, increasing the height of my navigation bar. I'm unable to remove that extra space.
Any help or suggestions would be greatly appreciated.