why doesn't my nav move to the left beside the logo?

Question

why doesn't my nav move to the left beside the logo? Css code below for reference

.left-nav { 
 background-color: green;
 display: inline;
 align-items: left;
 float: left;
 position: static;
 top: 0;
 left: 10px;
 height: 25px;
 padding-top: 2px;
 padding: 0 15px;
 margin-top: 1em;
 list-style: none;
 text-transform: uppercase;
 justify-content: space-between; 
}