title: Floating First List Item to the Left and remaining list items to the right (using flexbox)
body: <p>I have been trying my best to troubleshoot my header on a personal webpage. Currently, it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/C4zSQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C4zSQ.png" alt="enter image description here"></a></p>
  
  <p>As you can see, I have a simple paragraph with "ZH" to the left. Then I have three more list-items directly to the right of the logo. What I want to do is have the three list-items float to the right, kind of like this:</p>
  
  <p><a href="https://i.stack.imgur.com/MbkN4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MbkN4.png" alt="enter image description here"></a></p>
  
  <p>Here is the current generated HTML:</p>
  
  <pre><code>&lt;ul class="nav"&gt;
          &lt;a class="navbar-brand" href="http://localhost:8888/wordpress/"&gt;
              &lt;p&gt;ZH&lt;/p&gt;
          &lt;/a&gt;
          &lt;li class="nav-item"&gt;
              &lt;a class="btn btn-lg nav-link" href="http://localhost:8888/wordpress/about/" role="button"&gt;About&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="nav-item"&gt;
              &lt;a class="btn btn-lg nav-link" href="http://localhost:8888/wordpress/projects/" role="button"&gt;Projects&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="nav-item"&gt;
              &lt;a class="btn btn-lg nav-link" target="_blank" href="http://localhost:8888/wordpress/wp-content/themes/zachary_hughes_wordpress/assets/hughes_zachary_cv.pdf" role="button"&gt;Resume&lt;/a&gt;
          &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Here is the current CSS for the ul.nav:</p>
  
  <pre><code>.nav {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
  }
  </code></pre>
  
  <p>Is there anyway to do this without having to change the html markup? Any help would be greatly appreciated.</p>