html list items horizontally

1ul li{
2  	display: inline-block;
3}

1#menu ul {
2  list-style: none;
3  margin: 0;
4  padding: 0;
5  display: inline-flex
6}

1for example: 
2(html)
3<ul class="navbar-items">
4	<li> <a href="#start">Start</a> </li>
5    <li> <a href="#profile">Profile</a> </li>
6    <li> <a href="#projects">Projects</a> </li>
7    <li> <a href="#info">Info</a> </li>
8</ul>
9
10(css)
11ul.navbar-items li /* Important part */
12{
13    display:inline;
14}
15
16ul.navbar-items /* Extra part, to style spaces between each item */
17{
18    min-width: 696px;
19	padding-top: 20px;
20}