Не могу уменьшить размер моей навигационной панели

Я нахожусь в середине создания моего навигационного бара, и я просто не могу сделать его меньше, прямо сейчас он выглядит слишком толстым для того, что я хочу, и я попытался изменить набивку, поля и т.д., И, похоже, не получается это сдвинуться с места. Изменение высоты делает его более тонким, но тогда ссылки не перемещаются с помощью div и не будут центрироваться по вертикали. Это, наверное, простой надзор, но я не вижу его и буду благодарен за помощь!

HTML:

<nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="gallery.html">Gallery</a></li>
        </ul>
    </nav>

CSS:

body     {
background-color:#000;
color:#fff;
}


p       {
text-align:center;
}

img     {
display:block;
margin-left:auto;
margin-right:auto;
padding:10px;
}

nav     {
background-color:#808080;
display:inline-block;
text-align:center;
padding:0;
width:1000px;
list-style:none;
}


nav ul li        {
display:inline-block;
}