Navigation lists, inline and with spacing

Navigation lists, inline and with spacing

i have a navigation bar and i want to be on one line it does this however
there is only one space between each item, i want them to be spaced
equally out, and flexible, so that when i change the window size they
adjust.
this is my html
<div class="navigation">
<div class="navhead">
<h2>Navigation</h2>
</div>
<div class="navlist">
<ul>
<li><a href="Home Page.html">Home</a></li>
<li>Chat</li>
<li>Blog</li>
</ul>
</div>
</div>
and this is my css
.navlist li{
text-decoration: none;
color: #000000;
list-style-type: none;
display: inline;
text-indent: 10%;
}