так что я делаю проект для учебы, и это моя рекомендация на панели навигации, так что он должен выглядеть так: 
и вот как я это сделал -_-: моя единственная проблема заключается в выравнивании, с выравниванием цветов и стиля не было проблем, заранее спасибо :) 
nav {
width: 100%;
background-color: white;
color: black;
display: inline-flex;
position: fixed;
}
nav,
.logo {
justify-content: flex-start;
}
nav,
ul {
list-style-type: none;
display: inline-flex;
}
nav,
ul,
li {
justify-content: space-between;
padding-right: 1.5rem;
}
nav,
p {
text-align: left;
}
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="colmar.css">
</head>
<body>
<nav class="container">
<p><b>COLMAR</b>ACADEMY</p><img class="logo" src="capstone_colmar_assets\images\ic-logo.svg" />
<ul>
<li>On Campus</li>
<li>Online</li>
<li>Companies</li>
<li>Sign in</li>
</ul>
</nav>